css3
文章平均质量分 57
TaitChan
这个作者很懒,什么都没留下…
展开
-
自己封装的风格化的开关卡片组件
效果图:代码:<template> <div class="card" :class="isOpen?type:'off'"> <el-row style="position:relative"> <i :class="icon" style="font-size: 40px;font-weight: 100" /> <div style="position: absolute;top: 0;right: 0;p原创 2021-01-08 16:47:59 · 165 阅读 · 0 评论 -
webapp的菜单栏动效实现,vue+gsap
菜单栏的动效实现,仿美团app效果。用的是gsap明天的目标:学做Animated svg动效长这样↓↓↓注意点是白色的外圈会比黄色的图标部分移动的更高一点。完整代码如下<template> <div class="circle-box"> <div ref="circleBorder" class="circle-border" /> <div class="circle-conver" /> <div.原创 2021-04-01 22:15:58 · 381 阅读 · 0 评论 -
css3渐隐效果
阿里云首页banner效果:我的实现代码:<template> <div style="position: relative;height: 500px"> <img style="height:100%;position: absolute" src="https://img.alicdn.com/tfs/TB1JoiEMVYqK...原创 2019-04-16 15:07:29 · 4575 阅读 · 0 评论 -
css3数字滚动特效简单实现
放在大屏里面的数字滚动特效的简单实现,思路参考:https://blog.csdn.net/nidunlove/article/details/78257549结合业务需求和自己的思考拿vue写了一遍,有些地方实现逻辑不一样,代码也简洁很多效果图:附上代码:<template> <div class="box" :key="key"> <div...原创 2019-04-29 19:12:03 · 10655 阅读 · 9 评论