萬水千山總是情

马黑黑

萬水千山總是情

马黑黑

代码：

1. <style>
   
2. .mydiv {
   
3.         margin: auto;
   
4.         margin-top: 200px;
   
5.         width: fit-content;
   
6.         font: bold 50px sans-serif;
   
7. }
   
8. .mydiv:hover { animation: chg 4s; }
   
9. @keyframes chg {
   
10.         0, 100% { transform: rotate(60deg) scale(.6); }
    
11.         25% { transform: rotate (-120deg) scale(1); }
    
12.         50% { transform: rotate(3000deg) scale(1.2); }
    
13.         75% { transform: rotate(-300deg) scale(1.5); }
    
14. }
    
15. </style>
    
16. 
    
17. <div class="mydiv">萬水千山總是情</div>

复制代码

或者直接使用过渡效果：

1. <style>
   
2. .mydiv {
   
3.         margin: auto;
   
4.         margin-top: 200px;
   
5.         width: fit-content;
   
6.         font: bold 50px sans-serif;
   
7.         transition: transform 1s, color 1s;
   
8. }
   
9. .mydiv:hover { transform: rotate(720deg) scale(1.2); color: green; }
   
10. 
    
11. </style>
    
12. 
    
13. <div class="mydiv">萬水千山總是情</div>

复制代码

小文

太好玩啦！先生风流！

马黑黑

小文 发表于 2024-5-31 23:14
太好玩啦！先生风流！

红影

这个转起来像八卦图一样

红影

那个过渡效果也有趣，连颜色也能变化

小文

祝楼上二位先生六一节快乐！

山人

万水千山总是情，问你没钱行不行

马黑黑

山人 发表于 2024-6-1 09:28
万水千山总是情，问你没钱行不行

我看行

南无月

又一个特好玩的。。
风车一样的疯转。。。
这个放到贴子里，如果不说，谁碰到会不会吓一跳

马黑黑

南无月 发表于 2024-6-1 12:29
又一个特好玩的。。
风车一样的疯转。。。
这个放到贴子里，如果不说，谁碰到会不会吓一跳

南无月

马黑黑 发表于 2024-6-1 13:51

突然发奇想的念头。。

马黑黑

南无月 发表于 2024-6-1 16:30
突然发奇想的念头。。

有么

南无月

马黑黑 发表于 2024-6-1 18:12
有么

有的呀有。。我整了个贴子，天上飘了个大字，碰到可以变化的。。

马黑黑

南无月 发表于 2024-6-1 23:29
有的呀有。。我整了个贴子，天上飘了个大字，碰到可以变化的。。

感觉挺美妙的样纸

南无月

马黑黑 发表于 2024-6-1 23:30
感觉挺美妙的样纸

本来应该在画布里面跟原字重合的，碰到画布就不灵了。。
索性放远点，上天去好了。。

马黑黑

南无月 发表于 2024-6-1 23:34
本来应该在画布里面跟原字重合的，碰到画布就不灵了。。
索性放远点，上天去好了。。

也好

南无月

马黑黑 发表于 2024-6-1 23:38
也好

没办法的办法。。

马黑黑

南无月 发表于 2024-6-2 11:58
没办法的办法。。

也是办法

南无月

马黑黑 发表于 2024-6-2 13:37
也是办法

这也行。。今天跟这一贴开裂的，发现小播图片大小也会影响开裂位置