HTML5技术

常用部分css3代码,收集中... - jerrylsxu

字号+ 作者:H5之家 来源:博客园 2016-02-15 15:00 我要评论( )

根据个人喜好,备用一些常用部分css3代码,收集中... background: #1d82c1; /* 为较旧的或者不支持的浏览器设置备用属性 */ background: -moz-linear-gradient(top, #59c9f9, #1d82c1 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#59c9f

根据个人喜好,备用一些常用部分css3代码,收集中...

background: #1d82c1; /* 为较旧的或者不支持的浏览器设置备用属性 */

background: -moz-linear-gradient(top, #59c9f9, #1d82c1 100%);

background: -webkit-gradient(linear, 0 0, 0 100%, from(#59c9f9), to(#1d82c1));/*背景颜色渐变*/

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#59c9f9', endColorstr='#1d82c1'); /* IE6,IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#59c9f9', endColorstr='#1d82c1')"; /* IE8 */

 

 

border-bottom: 1px solid #fff; /*下边框*/

border-radius: 5px 50px 50px 0;/*圆角 参数左上开始顺时针起止*/

text-shadow:30px 15px 3px #000;/*文字投影 向右30px 向下15px 扩散3px 颜色黑色*/

 

-webkit-box-shadow: 0px 0px 5px #333;

-moz-box-shadow: 0px 0px 5px #333;

box-shadow: 0px 0px 5px #333;/*投影*/

 

filter:alpha(opacity=50); /*这个是为IE6设的,可取值在0-100,其它三个0到1*/

-moz-opacity:0.5; /*这个是为了支持一些老版本的Mozilla浏览器*/

-khtml-opacity: 0.5;/*这个为了支持一些老版本的Safari浏览器*/

opacity: 0.5; /*这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera*/

font:14px/20px "Microsoft YaHei"/*大小 行高 字体 */

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • CSS3 选择器 - Glunefish

    CSS3 选择器 - Glunefish

    2017-04-22 09:00

  • 移动前端常用meta标签 - 0jiji0

    移动前端常用meta标签 - 0jiji0

    2017-04-21 12:00

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

  • 【CSS3】精美横向滚动菜单按钮 - Glunefish

    【CSS3】精美横向滚动菜单按钮 - Glunefish

    2017-04-14 14:00

网友点评
"