2018年6月5日
addEventListener解决多个window.onscroll共存的2个方法
摘要： 方法1.(注意第一个和第二个的先后次序) 方法2.（无须注意顺序） 阅读全文
posted @ 2018-06-05 11:37 DaoBaNan 阅读(482) 评论(0) 推荐(0)
2018年5月4日
:focus-within伪类选择器的3种应用
摘要： 1.点击form里任意input隐藏form以外内容提高用户体验 2.解决带计数文本域自身:focus高亮重叠问题 3.纯css实现下拉 :focus跟:focus-within的区别在于前者表示当前元素处于focus状态时，后者是当前元素或者当前元素的子元素处于focus状态时。 阅读全文
posted @ 2018-05-04 15:29 DaoBaNan 阅读(119) 评论(0) 推荐(0)
2018年5月3日
content+animation实现loading效果
摘要： 其中'\A'其实指的是换行符中的LF字符，其unicode编码是000A，在CSS content属性中则直接写作'\A'；换行符除了LF字符还有CR字符，其Unicode编码是000D，在CSS content属性中则直接写作'\D'。CR字符和LF字符分别指回车（CR）和换行（LF）。 更多方法 阅读全文
posted @ 2018-05-03 17:25 DaoBaNan 阅读(136) 评论(0) 推荐(0)
text-stroke实现文字描边（镂空）、text-fill-color实现文字填充&渐变（+animation实现流光字体）
摘要： text-stroke：<' text-stroke-width '> || <' text-stroke-color '>（text-stroke-width：设置或检索对象中的文字的描边厚度、text-stroke-color：设置或检索对象中的文字的描边颜色） text-fill-color： 阅读全文
posted @ 2018-05-03 17:08 DaoBaNan 阅读(588) 评论(0) 推荐(0)
object-fit、object-position 属性
摘要： object-fit和object-position之间的关系有点类似于background-size和background-position object-fit: object-fit:fill（中文释义“填充”。默认值。替换内容拉伸填满整个content box, 不保证保持原有的比例。）ob 阅读全文
posted @ 2018-05-03 16:15 DaoBaNan 阅读(292) 评论(0) 推荐(0)