- 博客(2)
- 收藏
- 关注
原创 Web前端设计入门——跳动的心
lefthalf和#righthalf分别通过border-radius属性设置了半圆形的边角,从而形成心形的左右两侧,并且通过margin-left和margin-top属性调整位置,确保它们能够拼合成心形。定义动画@keyframes scaleDraw scaleDraw,修改对象transform的属性,使其实现旋转otate(45deg),缩放scale(0.7)、scale(1.5)的效果,动画持续时间为1s,无限迭代,无限循环,无限跳动。
2024-07-12 19:34:54
336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人