css
qq_48354174
这个作者很懒,什么都没留下…
展开
-
css花字效果
css花字效果原创 2023-09-18 16:49:15 · 349 阅读 · 0 评论 -
css倒计时 逐渐填充的圆,可自定义秒数
css倒计时 逐渐填充的圆,可自定义秒数。原创 2023-01-03 14:48:40 · 318 阅读 · 0 评论 -
小程序点击按钮水波纹效果
效果截图通过触摸事件touchstart来获取touches,根据点击的坐标获取定位,然后赋值样式。然后利用setTimeout把值清空掉来执行动画。touches:正在触摸屏幕的所有手指的一个列表。原文针对整个屏幕的点击事件,根据自己的需求改成针对按钮https://blog.csdn.net/weixin_42120767/article/details/100143015<template> <view> <view class="container"原创 2021-10-09 17:02:52 · 762 阅读 · 0 评论 -
斜条或者背景倾斜效果(记录)
背景倾斜和斜条纹效果.taiowen{ width: 100%; height: 500rpx; // background:linear-gradient(-45deg, #ffaa00 25%, #ff6a00 0,#ff6a00 50%,#ffaa00 0%,#ffaa00 75%,#ff6a00 0); background: linear-gradient(155deg, #ED7133,#ED7133 50%,#F6F7F5 50%,#F6F7F5 75% ,#F5ED原创 2021-03-27 17:47:21 · 111 阅读 · 0 评论 -
流水效果
<template> <view class=""> <view class="home"> <view class="land-mark">20%</view> </view> </view></template><script> export default { data() { return { .原创 2021-03-10 16:40:45 · 81 阅读 · 0 评论 -
鼠标划过平滑过渡
通过transform的偏移和transition的过渡效果来实现,还有就是用到了css3 filter:drop-shadow 滤镜<template> <view class=""> <view class="home"> <view class="land-mark"></view> </view> </view></template><script> .原创 2021-03-10 16:18:04 · 151 阅读 · 0 评论 -
漂浮的地图图标
制作一个漂浮的地图图标思路:我们可以将该动效拆成三部分来理解:第一部分就是最外层的圆形,第二部分就是最下面的小角,第三部分就是中间的白色小圆<template> <view class=""> <view class="home"> <view class="land-mark"></view> </view> </view></template>设置一个圆形.land-原创 2021-03-10 11:21:14 · 120 阅读 · 0 评论 -
css条纹效果
1.条纹<template> <view class=""> <view class="test"></view> </view></template><script> export default { data() { return { } },原创 2021-03-09 17:11:40 · 168 阅读 · 0 评论