美文网首页
实用的Css3

实用的Css3

作者: Felix666 | 来源:发表于2016-12-23 11:45 被阅读0次

一、颜色之RGBA

rgba(R,G,B,A) : R、G、B三个参数,正整数值的取值范围为:0 - 255;A为透明度参数,取值在0~1之间。


二、CSS3颜色 渐变色彩

线性渐变linear-gradient(方向,色值,色值,...);

方向:to top (0deg) 从下向上;to right (90deg) 从左向右; to bottom (180deg) 从上到下; to left (270deg) 从右向左;to top left (从右下到左上);

第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。


三、CSS3文字与字体 text-overflow 与 word-wrap

text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden);代码如下:
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;


相关文章

  • 前端特效收集器

    前端特效收集器 近20个绚丽实用的jQuery/CSS3侧边栏菜单 9种css3圆形按钮hover鼠标经过动画效果...

  • 实用的Css3

    一、颜色之RGBA rgba(R,G,B,A) : R、G、B三个参数,正整数值的取值范围为:0 - 255;A为...

  • 那些经常使用的 CSS3属性

    实用的css3属性 1、display:flex||inline-flex 项目中的应用 我当时写过一个因为子元素...

  • 分享非常酷的hover动画

    很久没写文章了,记录一下CSS3里ihover非常实用的动画,顺便分享给大家。 https://gudh.gith...

  • linear-gradient线性渐变实现虚线等简单实用图形

    CSS3 linear-gradient线性渐变实现虚线等简单实用图形 这篇文章发布于 2017年10月27日,星...

  • 随内容自动伸缩的背景

    CSS3给我们带来一个非常实用的新属性:border-image,利用这个属性我们可以做出随着内容的增减自动伸缩的...

  • 5个实用的CSS3实例

    对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分,随着CSS3的出现以及越来越多的浏览器对它的...

  • 网页高级知识点(三)

    CSS3 transition动画 CSS3 transform变换 CSS3 animation动画

  • CSS3-目录

    1 CSS3 兼容性 2 CSS3 选择器 3 CSS3 新加属性 4 CSS3 过渡动画 5 CSS3 变型 6...

  • 自动换行与溢出隐藏实例

    css3除了其实除了平时常用的属性,也是有很多属性是我们很少知道,但也很实用的溢出隐藏 或者自动换行,有下面两种处...

网友评论

      本文标题:实用的Css3

      本文链接:https://www.haomeiwen.com/subject/cblkvttx.html