css实现网页右下角点赞小卡片效果代码示例

效果

实现HTML先准备一个干净的 html 页面，写好节点：

CSS

同级目录建立一个style.css编写我们的样式：

两个动画：

rotate(0deg)->rotate(35deg)

translate(0px, 0px)->translate(103px, 27px)

动画过程：transform: translateX(-20px) translate(103px, 27px) rotate(35deg);

注意这里translateX(-20px)是动画前后一致的，一共只有两个属性改变。