<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>纯CSS3模拟企鹅走路动画</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="penguin"> <div class="body"> <div class="eye"></div> <div class="eye"></div> <div class="beak"></div> </div> <div class="foot"></div> <div class="foot"></div> </div> <div class="clouds"> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> <div class="cloud"></div> </div> <div class="sun"></div> <div class="rocks"> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> <div class="rock"></div> </div> </body> </html>
纯CSS3模拟企鹅走路动画
标签:
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论