父亲节快乐(学习黑师《惠风和畅》飞行效果)
位置:
首页 >
悄然作业[发布: 2023.6.18 作者: 花飞飞 阅读: 255]
:doodle { @size: 100px; cursor: pointer; right: 455px; top: 260px; opacity: .66;z-index: 4; }clip-path: @shape(points: 18;R: seq(.618, 1, 0);T: seq(t-.55, t, t);x: R * cos(T);y: R * sin(T););background: linear-gradient(DeepSkyBlue,Crimson,MediumPurple);animation: rot 6s infinite linear var(--state);@keyframes rot { to { transform: rotate(360deg); } }:doodle { @size: auto 4em; z-index:5; top: 220px; left:190px; --geci: " css-doodle player"; --motion: cover2; --tt: 1s; }display: grid;place-items: center start;:before, :after {content: var(--geci);color: Honeydew;font: bold 2em sans-serif;text-shadow: 1px 1px 2px #000;white-space: pre;}:after {position: absolute;width: 0;color:CornflowerBlue;overflow: hidden;animation: var(--motion) var(--tt) linear forwards var(--state);}@keyframes cover1 { from { width: 0; } to { width: 100%; } }@keyframes cover2 { from { width: 0; } to { width: 100%; } }
前一篇: 卜算子·咏梅(学习黑师椭圆文字旋转效果)
下一篇: 暗夜舞者(学习黑师《猫的舞步》图形裁剪旋转效果)
发表评论:
评论列表 [1条]
#1 | 马黑 于 2023-6-18 14:36 发布: 漂酿