当前目录: css3基础教程
css3边框美化

2014年4月8日  css3基础教程,前端资源   

css3边框美化属性有3种: border-radius box-shadow div { border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */ } div { box-shadow: 10px 10px 5px #888888; }

css3 transform:rotate()控制元素成角度旋转

2014年4月8日  css3基础教程   

关键词:角度 旋转 css3 div#div2 { margin-left:10px; transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ }  

CSS3 边框阴影

2014年1月23日  css3基础教程,前端资源   

CSS3 边框阴影的制作也只需要到指定的参数就可以控制,代码如下: [code]box-shadow: 10px 10px 5px #888888;[/code] 阴影参数介绍:box-shadow: 右 下 模糊 颜色  

CSS3 圆角边框

2014年1月23日  css3基础教程,前端资源   

当我们还用css2时,制作圆角还需要图片,很麻烦。现在css3的出现圆角边框很轻松 [code]border:2px solid; border-radius:25px; -moz-border-radius:25px; /* 支持老版本的火狐 */[/code]