美文网首页
炫酷的文字渐变效果

炫酷的文字渐变效果

作者: edisonTechBlog | 来源:发表于2020-03-01 20:16 被阅读0次

话不多说直接上代码

                margin-left .2rem
                font-size .28rem
                background-image: 
                -webkit-gradient( linear, left top, right top, color-stop(0, #f22), 
                color-stop(0.15, #f2f), 
                color-stop(0.3, #22f), 
                color-stop(0.45, #2ff), 
                color-stop(0.6, #2f2),
                color-stop(0.75, #2f2), 
                color-stop(0.9, #ff2), 
                color-stop(1, #f22) );
                color transparent
                -webkit-background-clip text

效果图

相关文章

  • 炫酷的文字渐变效果

    话不多说直接上代码 效果图

  • 炫酷闪光文字效果Photoshop样式

    炫酷闪光文字效果Photoshop样式推荐给大家!炫酷闪光文字效果Photoshop样式适用于文字,形状和任何图层...

  • CSS3实现文字渐变

    往往会使用文字渐变来使得页面看起来更炫酷一点

  • [ps教程]信号故障!ps制作酷炫失真文字效果

    网上很多文字故障效果 今天也来教大家制作信号故障!ps制作酷炫失真文字效果。 希望大家会喜欢,谢谢。 · 正 · ...

  • 闪亮炫酷的现代3D效果PS字体样式

    想要在PS中制作炫酷的3D效果文字?小编将这套闪亮炫酷的现代3D效果PS字体样式推荐给大家,此套3d字体ps样式素...

  • 炫酷效果

    @echo offtitle made by 523066680 2008-08-08::这一版本由www.cn-...

  • Android常用UI系列(上)

    UI模块 淘宝天猫使用的UI框架 viewpager炫酷画廊效果 炫酷定制输入框 折纸view过渡动画 炫酷动效控...

  • 炫光效果PS文字样式

    你是一个炫酷特效爱好者吗?小编将这套炫光效果ps文字样式推荐给大家,包含10种不同的文字样式效果,您可以将这个Ph...

  • 故障风吹炫酷文字效果

    1.素材:随便写一个文字 2.将字体拷贝两份 3.将拷贝的文字图层 栅格化 4.选择 拷贝4图层 选择混合选项,将...

  • 炫酷的效果

    写本文的目的:分享和记录那些年见过的炫酷效果更新周期:不定期跟新 碎玻璃的效果 地址: https://githu...

网友评论

      本文标题:炫酷的文字渐变效果

      本文链接:https://www.haomeiwen.com/subject/yfykkhtx.html