摘要: 一、方法一:借助mask-image属性 可以狠狠地点击这里:CSS3下的渐变文字效果方法一demo 如果您手头上的浏览器是Chrome或是Safari,则您可以在demo页面中看到类似下面的效果: 相应的HTML代码如下: <h2 class="text-gradient" data-text=" 阅读全文
posted @ 2016-05-06 15:48 雨中蝶 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 文字颜色渐变的制作 这和制作背景渐变效果是一样的,只是将背景放到了文字上。下面是CSS代码 CSS h1#gradient { color: #FF0052; /* Fallback Color */ text-transform: uppercase; font-weight: bold; fon 阅读全文
posted @ 2016-05-06 15:39 雨中蝶 阅读(6560) 评论(0) 推荐(0) 编辑
摘要: 一、关于渐变 渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现,可 阅读全文
posted @ 2016-05-06 15:36 雨中蝶 阅读(262) 评论(0) 推荐(0) 编辑
摘要: Triangle Up Triangle Up Triangle Up 1 2 3 4 5 6 7 #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid tr 阅读全文
posted @ 2016-04-26 15:29 雨中蝶 阅读(809) 评论(0) 推荐(0) 编辑
摘要: -webkit-filter是css3的一个属性,Webkit率先支持了这几个功能,感觉效果很不错。下面咱们就学习一下filter这个属性吧。 其默认值是none,他不具备继承性,其中filter-function一个具有以下值可选: grayscale 灰度 值为0-1之间的小数 sepia 褐色 阅读全文
posted @ 2016-04-06 18:59 雨中蝶 阅读(141) 评论(0) 推荐(0) 编辑
摘要: Math 对象用于执行数学任务。 描述:Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。 属性: Math.E  阅读全文
posted @ 2016-04-01 14:42 雨中蝶 阅读(144) 评论(0) 推荐(0) 编辑
摘要: var today = new Date(); today .getFullYear(); //获取完整的年份(4位,1970) today .getMonth(); //获取当前月份(0-11,0代表1月) today .getDate(); //获取当前日(1-31) today .getDay 阅读全文
posted @ 2016-03-31 17:51 雨中蝶 阅读(1601) 评论(0) 推荐(0) 编辑