六一快乐（学习黑师《雾里看花》小播效果）
位置:
首页 >
悄然作业[ 发布时间: 2023.5.30 作者: 花飞飞 阅读: 221 ]
:doodle { @size: 1024px 640px; background: tan url('https://pic.imgdb.cn/item/6475f285f024cca173ba44c1.jpg') no-repeat center / cover; box-shadow: 0 0 6px #000; position: relative; z-index: 1; margin: auto; --state: paused; } clip-path: @shape( points: 360;scale: .3;-y: cos(5t) + cos(2t) + cos(5t);x: sin(5t) + sin(4t) + sin(3t); ); background: radial-gradient(red, GoldEnrod, lightgreen); @nth(1,2,3) { @size: 100px; @place: 660px 560px; cursor: pointer; animation: rot 6s infinite linear var(--state); } @nth(2) { @size: 50px; @place: 74% 40%; } @nth(3) { @size: 160px; @place: 18% 26%; } @keyframes rot { to { transform: rotate(1turn); } }
前一篇: 时间的力量（学习黑师时钟走动及路径练习作业之二）
下一篇: 光辉岁月（学习黑师《花潮完美时钟》效果）
发表评论:
评论列表 [3条]
#3 | 悄然 于 2023-5-31 07:52 发布: 这回可清楚了
#2 | 马黑 于 2023-5-31 07:37 发布: filter: blur(1px) opacity(.95); 这一句是滤镜，第一个模糊滤镜，第二个是不透明滤镜。我在雾里看花之所以使用blur是为了营造“雾里”的模糊氛围，你这里不需要。
#1 | 了了 于 2023-5-30 21:51 发布: 图片不如上传的清晰是个什么情况
