CSS3 就可以写出一个苹果官方渐变颜色文字效果,真的太逼真了!

个人主页 极客小俊
✍ 作者简介:web开发者、设计师、技术分享博主
希望大家多多支持一下, 我们一起进步!
如果文章对你有帮助的话,欢迎评论 点赞 收藏 加关注

渐变效果

CSS3 就可以写出一个苹果官方渐变颜色文字效果,真的太逼真了!_第1张图片

CSS代码

.select-em{
            text-align: center;
            font-size: 150px;
            background: linear-gradient(to bottom, #ffb6ff, #b344ff);
            color: transparent;
            -webkit-background-clip:text;
            font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;
          }

HTML代码

<body style="background: black;">
        <h2 class="select-em">iPhone 14 Pro Maxh2>
body>

"点赞" "✍️评论" "收藏❤️"

大家的支持就是我坚持下去的动力!

如果以上内容有任何错误或者不准确的地方,欢迎在下面 留个言指出、或者你有更好的想法,
欢迎一起交流学习❤️❤️

更多 好玩 好用 好看的干货教程可以 点击下方关注❤️ 微信公众号❤️
说不定有意料之外的收获哦..嘿嘿嘿、嘻嘻嘻!

你可能感兴趣的:(CSS技术专题,css3,html,效果案例,前端开发,程序员,代码编写,学习)