摘要: 一、方法一:借助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) 编辑