CSS3

CSS3的新特性

  • 圆角边框:border-radius,当其值为50%时,相当于设置为一个圆。
  • 颜色透明:rgba(0,0,0,opacity)
  • 背景渐变:linear-gradient(90deg,#000,#fff);radial-gradient(0,0,0)
  • 元素阴影: box-shadow: 2px 2px 5px #000;
  • 文字阴影: text-shadow:1px 3px 3px #000;
  • 背景效果: background:url() center center no-repeat;
  • 字体:@font-face{
    font-family:'Microsoft Yahei';
    src:url();
    }
  • 过度: transition:0.8s;
  • 变换: transform:translate(50px,20px)rotate(45deg) scale(1.2, 2.1) skew(45deg);
  • 动画: animation: rotate 1s infinite linear;
    版权归ENVY和饥人谷所有,转载请注明出处
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,656评论 0 7
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,199评论 0 11
  • 刚学习了这个案例,然后觉得比较好玩,就练习了一下。然后发现其实也不难,如果你经常使用PS或者Flash的话,应该就...
    aymincoder阅读 533评论 0 3
  • 01 你有没有想过,如果你一辈子都只是个普通人? 有姑娘在后台留言,问到这个问题。 姑娘说是自己小时候偶然看到一本...
    大头针思维阅读 965评论 3 7
  • 《瓦尔登湖》断断续续在懒人听书了上听了大概有大半年时间,而且听得极其不认真。我想是我没什么细胞吧。听得过程中一直觉...
    奔跑的汤盆儿阅读 1,931评论 1 2