css3 常用总结

原创 小水晶 随笔 待整理 275阅读 2017-11-23 15:11:56 举报
  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;

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复