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和饥人谷所有,转载请注明出处

你可能感兴趣的:(CSS3)