css
关注
分享
扫一扫
文章平均质量分 53
格竹悟道
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ios系统元素悬浮滑动错乱，和ios页面无故刷新问题
ios 浏览器bug原创 2022-11-12 12:05:24 · 1615 阅读 · 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 · 2862 阅读 · 1 评论 -
关于display:flex用法
今天看到别人一个wap页面用到了display:flex属性，平时也没怎么见到过，于是就百度学习了一下，发现这个属性的确很好用，该组合属性可以让父级内部的的空间按照设定比例分配给子级元素。先来说说他的用法。css:.box{width:600px;display: flex;flex-flow:column;//此属性设置将内部空间是分配水平上的空间还是竖直上空间}.div1{flex原创 2016-04-18 16:08:09 · 10054 阅读 · 1 评论 -
scoped 和 deep的用法深究
前言我们都知道在组件中给style标签添加scoped属性可以避免组件内样式对外界造成污染，scoped使得组件内的样式变成局域样式，只作用于当前组件。这个是怎么做到的呢？原理在编译组件的时候，如果当前组件内style标签上有scoped属性，那么会在当前所有标签上添加一个【data-v-hash】属性，而当前样式表内的所有末尾选择器后面也会加上该属性，那么久使得当前组件内的样式只会作用于当...原创 2018-12-12 19:12:08 · 4922 阅读 · 0 评论