css3
blueBings
努力的小吗喽。
展开
-
CSS - 纯CSS实现多行文本溢出省略(兼容所有浏览器)
<div class="mutil-line-ellipsis"> <div>CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)</div> </div> .mutil-line-ellipsis { height: 40px !important; width:400px; line-height.原创 2022-03-14 11:38:46 · 743 阅读 · 0 评论 -
box-shadow属性的只显示下左右阴影的用法
.box{ box-shadow: 0 3px 5px rgba(0,0,0,0.5); }原创 2020-03-03 14:22:06 · 8958 阅读 · 2 评论 -
css3 animation动画360旋转。旋转效果用transform:rotate过渡。
旋转: <div class="lds-hourglass"></div>.lds-hourglass { display:inline-block; position:relative; width:72px; height:72px}.lds-hourglass:after { content:" "; display:block; ...原创 2018-09-20 09:38:32 · 15048 阅读 · 0 评论 -
css背景色透明,文字不透明
实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法:css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8)IE专属滤镜 filter:Alpha(opacity=x),x 的取值从 0 到 10...转载 2019-01-23 18:48:22 · 6438 阅读 · 0 评论 -
10大H5前端框架
Bootstrap首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心,来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才,但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美,所以...转载 2019-01-24 13:54:02 · 528 阅读 · 0 评论 -
css透明度的设置 (兼容所有浏览器)
.tran_class { filter:alpha(opacity=50); //IE -moz-opacity:0.5; //firefox -khtml-opacity: 0.5; // opacity: 0.5; //Chrome}原创 2019-05-24 14:34:00 · 3537 阅读 · 0 评论