前端开发
文章平均质量分 73
Chasidy
不忘初心,方能始终!
展开
-
移动端弹性滑动以及vue记录滑动位置
#移动端弹性滑动以及vue记录滑动位置##-webkit-overflow-scrolling介绍-webkit-overflow-scrolling: auto | touch;auto:普通滚动,当手指从触摸屏上移开,滚动立即停止touch:滚动回弹效果,当手指从触摸屏上移开,内容会保持一段时间的滚动效果,继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的...转载 2018-12-14 14:45:29 · 1196 阅读 · 0 评论 -
css3伪类选择符
1.1 伪类选择符2.1 li:first-child匹配父元素的第一个子元素E<style> ul li:first-child{ background:red; } ul li:last-child{ background:red; }</style><ul> <li>列表项一</li> &...原创 2019-03-19 12:11:32 · 291 阅读 · 0 评论 -
animation 动画和3D 转换
1.animation 动画1.步骤在css中定义动画函数给目标元素调用动画函数/*使用动画的步骤1.在css中声明动画函数1.1 使用关键字@keyframes+动画名 定义动画函数1.2 在动画函数内 定义帧动画0% 动画 开始 的样式50% 动画执行到一半的时候的样子100% 动画执行完毕之后的样子*//1.声明动画函数/@keyframes an...原创 2019-03-19 12:13:06 · 2895 阅读 · 0 评论 -
阴影 shadow
1.1 阴影 shadow在css3中,阴影分为两种 一盘中是盒子阴影,一种是文字阴影2.1盒子阴影 box-shadow<style>.box{ width: 900px; height: 400px; margin: 100px auto; /* 父项伸缩 */ display:flex;}.box > span{ flex:4; he...原创 2019-03-19 12:15:20 · 278 阅读 · 0 评论