css3
文章平均质量分 95
逐风戏云
这个作者很懒,什么都没留下…
展开
-
CSS3(背景和渐变)
CSS31.背景1.1背景图像区域(background-clip)1.2背景图像定位(background-origin)1.3背景图像大小(background-size)1.3多重背景图像1.4 简写2.渐变2.1 线性渐变(linear-gradient(方向,颜色,颜色);)2.1.1上下渐变2.1.2左右渐变2.1.3对角渐变2.1.4角度渐变2.1.5渐变色节点控制2.1.6渐变色透...原创 2019-04-15 17:39:42 · 577 阅读 · 0 评论 -
CSS3(过渡)
CSS3不同浏览器的内核和前缀CSS3过渡(动画)1. transition-property(指定过渡属性的名称)2. transition-duration(持续时间)3. transition-timing-function(过渡类型)4. transition-delay(过渡延迟)5.transition(过渡简写) 不同浏览器的内核和前缀 Chrome(谷歌浏览器) :WebKit内核...原创 2019-04-21 13:59:52 · 291 阅读 · 0 评论 -
CSS3(新增选择器,nth选择器,伪元素)
CSS31.CSS3选择器1.1新增基础选择器1.1.1 子元素选择器(>)1.1.2 相邻元素选择器(+)1.1.3通用兄弟选择器(~)1.1.4群组选择器(,)1.2属性选择器1.2.1 标签名[标签属性]1.2.2 标签名[标签属性="值"]1.2.3 标签名[标签属性~="值"] (用于多值,包含所写的值有效)1.2.4 标签名[标签属性^ ="值"] (开头包含,多值默认采取...原创 2019-04-14 16:24:09 · 1092 阅读 · 0 评论 -
CSS3(动画)
CSS3不同浏览器的内核和前缀1.CSS3动画1.1 animation-name(动画的名称)1.2 animation-duration(动画播放时间)1.3 animation-timing-function(动画类型)1.4 animation-delay(动画延迟)1.5 animation-iteration-count(动画循环次数)1.6 animation-direction(是...原创 2019-04-22 16:52:37 · 377 阅读 · 0 评论 -
CSS3(边框和圆角)
CSS31.CSS3圆角2.CSS3盒阴影3.CSS3边界图片 1.CSS3圆角 语法: border-radius: 数值或%; border-radius:5px; 多值 border-radius:左上角,右上角,右下角,左下角;(4值) border-radius:左上角,右上角和左下角,右下角;(3值) border-radius:左上角和右下角,左上角和右下角;(2值) 单角定义...原创 2019-04-15 13:48:12 · 1614 阅读 · 0 评论 -
CSS3(文字和字体)
CSS31.文本1.1 text-shadow文本阴影1.2text-outline文本轮廓1.3 word-break换行(自动换行的处理方法)1.4 word-wrap换行(用于长单词或URL)1.5text-align-last属性(最后行对齐方法)1.6text-overflow属性(文本溢出)2.字体 1.文本 1.1 text-shadow文本阴影 语法: text-shadow:横向...原创 2019-04-18 10:15:09 · 358 阅读 · 0 评论 -
css3(2D 和3D)
CSS3不同浏览器的内核和前缀1.transform(变形)2.transform 2D2.1 rotate (2D旋转)2.2 translate (2D平移)2.3 scale (2D缩放)2.3 skwe (2D扭曲或斜切)3.transform 3D 不同浏览器的内核和前缀 Chrome(谷歌浏览器) :WebKit内核 -webkit- Safari(苹果浏览器) : Web...原创 2019-04-19 15:20:26 · 915 阅读 · 0 评论