CSS动画:使用CSS动画

  • A0_452256
    了解作者
  • 25.2KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-08 22:43
    上传日期
CSS动画:使用CSS动画
CSS-animation-master.zip
  • CSS-animation-master
  • images
  • mario.png
    1.9KB
  • cloud.png
    4.8KB
  • mariocloud.PNG
    11.4KB
  • luigi.png
    1.9KB
  • .idea
  • inspectionProfiles
  • Project_Default.xml
    1.4KB
  • profiles_settings.xml
    174B
  • misc.xml
    174B
  • CSS Animation.iml
    284B
  • modules.xml
    278B
  • .gitignore
    176B
  • 3.KeyFrames-Mario
  • index.html
    455B
  • style.css
    1.6KB
  • 1.Css transforms.html
    269B
  • 2.CssTransitions.html
    841B
  • 1.Css transforms.css
    208B
内容介绍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>transitions</title> <style> body{ background: lightblue; text-align: center; } .wrapper{ width: 100%; padding: 20px; box-sizing: border-box; } .circle{ width: 100px;padding: 50px 0; line-height: 0;margin: 60px auto; background: pink;color: white; border-radius: 50%;cursor: pointer; transition: background 1s, transform 1s 1s linear; } .circle:hover{ background: salmon; transform: rotate(360deg); } </style> </head> <body> <div class="wrapper"> <div class="circle">Hover me</div> </div> </body> </html>
评论
    相关推荐