![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
文章平均质量分 74
IT和尚
这个作者很懒,什么都没留下…
展开
-
CSS#无限旋转
div{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: r转载 2017-11-29 20:06:10 · 1402 阅读 · 0 评论 -
@media screen实现屏幕自适应内容详解
优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 准备工作1:设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: name="viewport" content="width=device-width,转载 2018-02-01 14:27:50 · 23669 阅读 · 3 评论 -
Vue学习第三天 Vue过渡效果增加之CSS3 2D 转换
CSS3 转换 通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 浏览器支持 Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。 Chrome 和 Safari 需要前缀 -webkit-。 注释:Internet Explorer 9 需要前缀 -ms-。原创 2018-02-25 13:04:26 · 1004 阅读 · 0 评论 -
Html5 前端 网页滚动条样式的设置
一个丑丑的滚动条在某些时候是非常碍眼的,移动端由于屏幕小的缘故,更是显眼,最好还是让它能不出现,就不出现。除了用div遮罩外,许多浏览器内核也提供了私有属性控制滚动条的样式。移动端多为weibkit内核,滚动条的定制方案提供的很完善,蛮强大的哦~ 最基本的,overflow属性先设置好auto或者scroll,而不是hidden,毕竟我们仅仅是隐藏了滚动条,而不是让它整个都不能滚了。。。 滚动...原创 2018-11-14 09:56:58 · 10932 阅读 · 2 评论 -
轻松上手CSS Grid网格布局
今天刚好要做一个好多div格子错落组成的布局,不是田字格,不是九宫格,12个格子这样子,看起来有点复杂。关键的是笔者有点懒,要写那么多div和css真是不想下手啊。多看了两眼,这布局不跟网格挺像吗?css grid好像就是长这样子的?会不会很简单呢?反正也不熟,实在不行就当学习了。说干就干,说不定能偷点懒呢哈哈~ 最终要求的效果图是这样子的: 那么从网格的概念和例子开始,依葫芦画瓢,边看边干吧...转载 2019-07-15 09:36:20 · 304 阅读 · 0 评论