CSS动画：使用CSS动画

A0_452256
了解作者
25.2KB

文件大小
zip

文件格式
0

收藏次数
VIP专享

资源类型
0

下载次数
2022-04-08 22:43

上传日期

CSS动画：使用CSS动画

递进结构

CSS-animation-master.zip
（共21个文件 · 25.2KB）

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>