山歌好比春江水(学习黑师css-doodle入门(七)教程效果)
位置:
首页 >
悄然作业[ 发布时间: 2023.5.1 作者: 花飞飞 阅读: 276 ]
: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 发布: 终于改了两个自己还挺喜欢的图案