css3 常用总结

1. 背景渐变
   background: -webkit-linear-gradient(top,#397fff,#2a5eef);
   background: -ms-linear-gradient(top,#397fff,#2a5eef);
   filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#397fff', EndColorStr='#2a5eef'); // IE6.0-9.0使用私有滤镜来实现该效果

2.边框渐变
border-image: -webkit-linear-gradient( #b5a76f, #a79c64,#938b5d, #b5a76f) 1 1;

3.文字渐变

background: -webkit-linear-gradient(left, rgb(194,169,99), rgb(255,243,182) 5%, rgb(194,169,99), rgb(255,243,182) 95%, rgb(194,169,99));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;