css3实现字体的颜色渐变
来源:互联网 发布:充电器检测软件 编辑:程序博客网 时间:2024/05/17 08:38
css3实现字体的颜色渐变,记录一下,在些页面时有时会用到。
效果图:
html源码:
<div class="mTitle_main"><h2>金玉良缘</h2></div>
css样式
<style type="text/css">
}
.mTitle_main {
width: 500px;
height: 100px;
background:#000000 ;
}
.mTitle_main h2{
width: 500px;
height: 100px;
margin: 0px 0px 0px 0px;
padding:0px 5px;
display: inline-block;
color: #fb7519;
font-size: 100px;
ont-family: ´微软雅黑´;
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(234, 101, 10, 1)), to(rgba(246, 199, 156, 1)));//起作用关键的样式
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
结语:暂时,只有谷歌浏览器支持。
0 0
- css3实现字体的颜色渐变
- css3实现字体渐变效果
- CSS3实现渐变色字体
- CSS3实现背景颜色渐变
- CSS3实现背景颜色渐变
- Tab栏图标和字体颜色渐变的实现
- css3实现背景颜色线性渐变
- css3实现背景颜色线性渐变
- CSS3实现背景颜色渐变 摘抄
- CSS3实现背景颜色渐变 摘抄
- 兼容IE8的渐变颜色css3
- css3 颜色 背景 渐变
- CSS3颜色渐变
- 背景颜色渐变 css3
- CSS3 背景颜色渐变
- CSS3 颜色渐变 gradient
- css3 颜色渐变
- CSS3颜色渐变练习
- 各类排序算法实现(亲测)
- WPF ListBox 鼠标拖拽多选 替换背景色
- OpenWRT开发之——远程debug
- 如何让Android中 dialog显示在屏幕底部
- Solaris下多节点OpenStack的详细搭建
- css3实现字体的颜色渐变
- MWPhotoBrowser 属性详解 和代理解释
- Spring注解自动注入Bean
- [几何] BZOJ 4246 两个人的星座
- LightOJ 1035 Intelligent Factorial Factorization [预处理+一半的 质因子分解]【数论】
- iptables详细教程:基础、架构、清空规则、追加规则、应用实例
- java Pattern和Matcher详解
- Android 设备连接电脑显示offline
- OpenCV初探:二、Android程序示例