欢迎光临杨雨的葡京赌场站!

杨雨个人网站-杨雨葡京赌场-杨照佳

杨雨葡京赌场网站

关注互联网和搜索引擎的葡京赌场网站

首页 > 心得笔记 >

CSS3实用效果归纳

发布时间:2013-12-29  编辑:杨雨葡京赌场网站   点击:   

一、圆角:

圆角border-radius:10px;border-radius:20px 0 20px 0;border-radius:20px 0 20px 0;
css3圆角具体属性请看 《CSS3边框圆角的实现》

二、渐变

background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff45c), to(#ec6941));background: -moz-linear-gradient(top, #fff45c, #ec6941);第一句是谷歌的语法,第二句是火狐的语法。
css3 颜色渐变

三、投影:

css3 投影box-shadow: 5px 5px 5px 0 #ccc;css3 内部阴影box-shadow: 2px 1px 1px 0px #333 inset;水平偏移|垂直偏移|模糊距离|扩散距离|color |inset 是一个关键字,在使用时指示阴影是内部阴影,而不是外部阴影。更详细的属性介绍请看《css3边框(圆角、阴影、图片)的实现》

四、文字阴影:

css3文字阴影text-shadow:#ff0000 1px 1px 1px

五、旋转:

-webkit-transform: rotate(-30deg);七、缩放:CSS3可以对网页任意元素进行大小缩放,尤其用在一套大小不一的logo图片上特别方便。-webkit-transform:scale(0.7, 0.7);transform:scale(0.7, 0.7)更多关于css3 transform旋转、缩放、倾斜等属性请看《css3 transform 常用属性详解》 本文地址:http://itbyc.com/log/79.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1