|
|

楼主 |
发表于 2024-5-31 22:07
|
显示全部楼层
本帖最后由 马黑黑 于 2024-5-31 23:23 编辑
代码:
- <style>
- .mydiv {
- margin: auto;
- margin-top: 200px;
- width: fit-content;
- font: bold 50px sans-serif;
- }
- .mydiv:hover { animation: chg 4s; }
- @keyframes chg {
- 0, 100% { transform: rotate(60deg) scale(.6); }
- 25% { transform: rotate (-120deg) scale(1); }
- 50% { transform: rotate(3000deg) scale(1.2); }
- 75% { transform: rotate(-300deg) scale(1.5); }
- }
- </style>
- <div class="mydiv">萬水千山總是情</div>
复制代码
或者直接使用过渡效果:
- <style>
- .mydiv {
- margin: auto;
- margin-top: 200px;
- width: fit-content;
- font: bold 50px sans-serif;
- transition: transform 1s, color 1s;
- }
- .mydiv:hover { transform: rotate(720deg) scale(1.2); color: green; }
- </style>
- <div class="mydiv">萬水千山總是情</div>
复制代码
|
评分
-
| 参与人数 2 | 威望 +80 |
金钱 +160 |
经验 +80 |
收起
理由
|
南无月
| + 30 |
+ 60 |
+ 30 |
很给力! |
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|