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

根据个人喜好,备用一些常用部分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"/*大小 行高 字体 */

时间: 2024-12-23 06:12:18

常用部分css3代码,收集中...的相关文章

几个常用的CSS3样式代码以及不兼容的解决办法

原文:几个常用的CSS3样式代码以及不兼容的解决办法 border-radius实现圆角效果 1 CSS3代码: 2 3 -webkit-border-radius:10px; 4 -moz-border-radius:10px; 5 border-radius:10px; 6 background-color:#666; 7 width:200px;height:100px; Firefox,Chrome Google,Safari等浏览器的显示效果如图0-0: 图0-0 但是IE这个异类不支

sass中mixin常用的CSS3

圆角border-radius 1 @mixin rounded($radius){ 2 -webkit-border-radius: $radius; 3 -moz-border-radius: $radius; 4 border-radius: $radius; 5 } 盒模型阴影box-shadow 下面是一个使用多参数的例子:用CSS3创建一个阴影的mixin,需要传递水平和垂的偏移量,模糊的范围,还有颜色,4个参数: 1 @mixin shadow($x, $y, $blur, $co

几行css3代码实现超炫加载动画

之前为大家分享了css3实现的加载动画.今天为大家带来一款只需几行代码就可以实现超炫的动画加载特效.我们一起看下效果图: 在线预览   源码下载 实现代码: 极简的html代码: <div> <i></i> </div> css3代码: body { background: black; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; heig

常用MD5算法代码

常用的MD5算法代码日期: 2014年8月4日作者: 铁锚 MD5,全称为 Message Digest Algorithm 5(消息摘要算法第五版).详情请参考 维基百科:MD5 MD5加密后是一个字节数组, 但我们一般是取其十六进制的字符串表示法,当然,十六进制数字符串是区分大小写,在 mysql数据库,Java,和JavaScript语言中,一般是使用小写的字符串来表示, 而在 Oracle数据库官方提供的包中,返回的是大写字符串,这算是一个坑,如果你想要执行多次 md5,可能需要转换为小

css3代码实现的鼠标悬浮按钮效果代码实例

css3代码实现的鼠标悬浮按钮效果代码实例:在css3之前,鼠标悬浮于按钮之上,无非是设置按钮的大小.字体颜色或者背景图片等简单的项目,但是css3的出现,可以让设置变得丰富多彩,下面就是一个css3实现的此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://

常用的Java代码汇总

1. 字符串有整型的相互转换 Java 1 2 <strong>Stringa=String.valueOf(2);   //integer to numeric string inti=Integer.parseInt(a);//numeric string to an int </strong> 2. 向文件末尾添加内容 Java 1 2 3 4 5 6 7 8 9 10 11 <strong>BufferedWriter out=null; try{ out=ne

最实用、最常用的jQuery代码片段

1 // chinacoder.cn JavaScript Document 2 3 $(document).ready(function() { 4 5 //.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 6 7 // 使用has()来判断一个元素是否包含特定的class或者元素 8 $("input").has(".email").addClass("emai

50个常用的JQuery代码

1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点. .filter(":not(:has(.selected))") 2. 如何重用元素搜索 var allItems = $("div.item"); var keepList = $("div#container

一款简洁的纯css3代码实现的动画导航

之前为大家介绍了好多导航菜单,今天给大家分享一款简洁的纯css3代码实现的动画导航.鼠标经过的时候以背景色以菱形渐变为长方形.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div align="center" style="background-color: #ee1d27; padding: 20px;"> <div class="contener_link"> <div class=&qu