CSS
关注
分享
扫一扫
ymc_Webpack
从现在起养成写博客的习惯，总结自己每一天的收获和疑问。
积少成多，总有那么一天可以笑着对以前的自己说句"you can !"。
展开
-
CSS3:background-size属性
语法：background-size:[<length>|<percentage>|auto]{1,2}|cover|contain原创 2017-02-11 15:06:50 · 1376 阅读 · 0 评论 -
css3 文本阴影
text-shadow基本语法： textshadow:none|< length>none|[ < shadow>,]*< shadow> textshadow:none|< color>[,< color >]*< length>: 表示由浮点数字和单位标识符组成的长度值，可为负值，指定阴影的水平延伸距离； < color>：表示颜色。//阴影位于左上角p{text-shado原创 2017-02-20 20:41:07 · 388 阅读 · 0 评论 -
opacity/rgba()设置透明度问题
设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度。其中文字也会出现透明度，一般通过将文字放置在一个单独<div>中，在通过绝对定位来控制位置：div{ opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); background:#000; width:5原创 2017-02-13 14:53:20 · 4906 阅读 · 0 评论 -
CSS3 动画
CSS3 动画属性 —— Animation@keyframes规则和animation属性： @keyframes： 规定动画 animation： 所有动画属性的简写属性，除了animation-play-state属性。 animation-name： 规定@keyframes动画名称。 animation-duration： 规定动画完成一个周期所花费的秒或毫秒原创 2017-02-21 17:04:21 · 320 阅读 · 0 评论 -
CSS3动画图片旋转与3d硬件加速
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* css3 让一个图片不断翻转示例代码 */ #gavinPlay{ /* background:color url x y repeat 图片来自百度原创 2017-02-15 17:20:32 · 728 阅读 · 0 评论 -
clip属性
Object.style.clip=rect(top,right,bottom,left)|autotop、bottom：指定偏移量从顶部开始算；top、left：指定为auto时，值为0；left、right：指定偏移量从左边开始算；bottom、right：指定为auto时，值为100%。clip属性只在设置了“position:absolute”或者“position:f原创 2017-02-27 13:19:12 · 367 阅读 · 0 评论 -
animation-fill-mode:both理解
both：向前和向后填充模式都被应用；W3C上的解释比较抽象，写了个demo测试下效果；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .box{ width: 100px; height: 1原创 2017-03-07 17:06:59 · 3987 阅读 · 1 评论