![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 53
格竹悟道
这个作者很懒,什么都没留下…
展开
-
ios系统元素悬浮滑动错乱,和ios页面无故刷新问题
ios 浏览器bug原创 2022-11-12 12:05:24 · 1344 阅读 · 0 评论 -
超简单! 一个标签搞定跑马灯,纯css制作跑马灯效果
在平时我们做跑马灯,一般是用gif图,或者是用DOM元素来制作,但是gif体积比较大,而且不太灵活,调整大小,速度,颜色,都需要重新切图,用DOM元素来实现,会让页面出现很多DOM不太友好,今天介绍一个用纯css制作的跑马灯效果。主要原理是利用css 属性 box-shadow 可以无限复制的特点来做周围的灯,通过css3 transition 属性让灯跑起来,话不多说,上代码 <!DOCTYPE html> <html lang="en"> <head> &l原创 2021-04-04 19:03:26 · 2484 阅读 · 1 评论 -
关于display:flex用法
今天看到别人一个wap页面用到了display:flex属性,平时也没怎么见到过,于是就百度学习了一下,发现这个属性的确很好用,该组合属性可以让父级内部的的空间按照设定比例分配给子级元素。先来说说他的用法。 css: .box{width:600px;display: flex;flex-flow:column;//此属性设置将内部空间是分配水平上的空间还是竖直上空间} .div1{flex原创 2016-04-18 16:08:09 · 9920 阅读 · 1 评论 -
scoped 和 deep的用法深究
前言 我们都知道在组件中给style标签添加scoped属性可以避免组件内样式对外界造成污染,scoped使得组件内的样式变成局域样式,只作用于当前组件。这个是怎么做到的呢? 原理 在编译组件的时候,如果当前组件内style标签上有scoped属性,那么会在当前所有标签上添加一个【data-v-hash】属性,而当前样式表内的所有末尾选择器后面也会加上该属性,那么久使得当前组件内的样式只会作用于当...原创 2018-12-12 19:12:08 · 4774 阅读 · 0 评论