随笔分类 -  CSS3

css实现点点点效果
摘要：``` @keyframes dotDotDoting{ 0% { width 0px margin-right 15px } 25% { width 0px margin-right 15px } 50% { width 5px ... 阅读全文
posted @ 2019-04-30 15:05 DaivdAndLemon 阅读(1686) 评论(0) 推荐(0)
定时器详解和应用、js加载阻塞、css加载阻塞
摘要：1.setTimeout()、setInterval()详解和应用 1.1 详解： setTimeout、setInterval执行时机 1.2 存在问题： setInterval重复定时器可能存在的问题、解决方案 1.3 应用： Yeilding Processes（进程暂停） ​ 运行在浏览器中 阅读全文
posted @ 2019-04-18 17:55 DaivdAndLemon 阅读(712) 评论(0) 推荐(0)
flex布局
摘要：前言 学习一个知识点3w原则： 1.是什么？ Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 2009年，W3C 提出了一种新的方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经 阅读全文
posted @ 2018-07-24 12:37 DaivdAndLemon 阅读(244) 评论(0) 推荐(0)
用css写三角形，宽高可设置
摘要：1.不传@h,@c @h; 2.元素width = @w, 元素height = @h*2 3.配合上.center()实现图标居中 less版本： css版本： 阅读全文
posted @ 2018-04-17 17:33 DaivdAndLemon 阅读(205) 评论(0) 推荐(0)
css之BFC（block formmatting context）[格式化上下文]
摘要：一、定义： BFC就是一个黑盒子，可以保证盒子内部元素不管如何变化，都不会影响盒子附近的元素；它属于普通流、浮动、定位方案中的普通流。 二、触发条件： 1.body； 2.float(不包含none)，position(不包含static); 3.display 为 inline-block、tab 阅读全文
posted @ 2018-02-22 17:05 DaivdAndLemon 阅读(132) 评论(0) 推荐(0)
解决overflow: auto在Ios中滑动不流畅
摘要：【bug】—— H5页面在 ios 端滑动不流畅的问题 IOS系统的惯性滑动效果非常6，但是当我们对div加overflow-y:auto;后是不会出这个效果的，滑动的时候会感觉很生涩。怎么办？ 方案一： 在滚动容器内加-webkit-overflow-scrolling: touch 但这个方案有 阅读全文
posted @ 2017-07-12 11:20 DaivdAndLemon 阅读(374) 评论(0) 推荐(0)