css3
Strawberry96
balabala 磨人小妖精
展开
-
纯CSS实现粉红爱心动画
动画效果:1、画一个爱心<view class="heart"></view> .heart { position: relative; width: 50rpx; height: 50rpx; background-color: #EF686E; transform: rotate(-45deg); } .heart:before { content: ""; position: absolute; .原创 2022-04-27 15:25:53 · 1270 阅读 · 0 评论 -
css波浪动画使用图片
素材如下:如果让美工设计,需要注意图片波浪的左右高度需要一致,不然对接处对不上,高低不一样。效果如下:使用一张图片 css改变透明度<div class="water-group"> <div class="water water1" style="background-image: url('../../static/lang3.png')"></div> <div class="water water2" style="b...原创 2021-02-04 15:37:25 · 461 阅读 · 1 评论 -
css 波浪特效 vue版
相当于是三个圆圈在旋转,效果如下:代码如下:颜色 角度 圆圈的大小以及位置都可以随意调整但是这个效果还是没有那么逼真还有一种方式是使用图片作为背景图,看起来比较像波浪,点击这里查看<div class="main"> <div class="wave1" style="bottom:30%;"></div> <div class="wave2" style="bottom:30%;"></div> <..原创 2021-02-04 14:49:03 · 906 阅读 · 0 评论