简单的实用css效果
阵雨丶
这个作者很懒,什么都没留下…
展开
-
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等新出的HTML5新增了不少标签,性能更强,原来的很繁琐的功能几个标签就能实现,同时CSS3也推出,更是一大亮点,下面是css3的部分用法,在此总结一下,以供需要的朋友们,总共30个例子1.长方形#Rectangle{width: 200px;height: 50px;bac转载 2017-08-12 12:08:11 · 342 阅读 · 0 评论 -
CSS中如何选择ul下li的奇数、偶数行
style> #Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行 #Ulist li:nth-of-type(even){margin-left: 10px;}偶数行 style>转载 2017-08-12 12:02:38 · 1797 阅读 · 0 评论 -
css3 animation和background-position制作动画效果(animation steps)
.userimg { display: inline-block; width: 36px; height: 36px; border-radius: 100%; background: url(img/bg_base_spr24.png) no-repeat -100px 0; vertical-align: top; margin-rig原创 2017-08-01 09:53:35 · 3614 阅读 · 0 评论 -
把input设置成只读模式
1.input="text"2.input="checkbox"原创 2017-07-31 15:51:16 · 1682 阅读 · 0 评论 -
使用html+vue的方式开发,在页面初次进入时会有一闪而过的代码
例如:<p class="fl z-tshi">{{city}}</p>在页面加载时会有{{city}}代码一闪而过,影响美观解决方案:加上v-cloak<p class="fl z-tshi" v-cloak>{{city}}</p>并且在公共的css加入:[v-cloak] { display: none;}...原创 2018-04-19 16:03:25 · 3737 阅读 · 0 评论