午后・时光

山歌好比春江水(学习黑师css-doodle入门(七)教程效果)

位置: 首页 > 悄然作业[ 发布时间: 2023.5.1  作者: 花飞飞  阅读: 277 ]
:doodle {@size: 1024px 640px;pointer-events: none;margin: 20px auto;box-shadow: 0 0 8px #000;}@size: 200px;@place: center 120px;cursor: pointer;pointer-events: auto;@at(1,1) {background: gray linear-gradient(red,orange,red);clip-path: @shape(points: 120;frame:30;r: cos(20t););animation: rot 6s infinite linear var(--state);left:160px;}@at(1,2) {@size: 150px;@place: 660px 440px;background: linear-gradient(Teal,Green);clip-path: @shape(points: 700;frame: 45;scale: .95;r: abs.cos(28t) ^ cos(100t);r: cos(120t););animation: rot 20s infinite linear var(--state);}@keyframes rot { to { transform: rotate(1turn); } }@keyframes swing { from { transform: rotate(-2deg); } to { transform: rotate(2deg); } }
HCPlayer

前一篇: 粒子满天飞(入门七作业)
下一篇: 蓝色的长月(学习黑师《屋后》网状播放效果)

发表评论:

       

评论列表 [2条]

#2 | 马黑 于 2023-5-1 22:08 发布: 修出的样式很完美

#1 | 悄然 于 2023-5-1 20:08 发布: 终于改了两个自己还挺喜欢的图案

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com