内容简介:发布iPhone XR的时候 各种心动 去官网看了一遍又一遍。(贫穷使我节省。。。。。。。。。。)闲着无聊发现 里面的介绍很用大篇幅的有背景文字来介绍。Like this:
发布iPhone XR的时候 各种心动 去官网看了一遍又一遍。
(贫穷使我节省。。。。。。。。。。)
闲着无聊发现 里面的介绍很用大篇幅的有背景文字来介绍。Like this:
看着挺酷炫的还不错 就看了下实现方式。
还挺简单的。
附上demo
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>text-fill-color css web前端开发</title> <style> html{background: #000;} .text1{ margin:60px auto; font-size: 120px; text-align: center; font-weight: bold; background:-webkit-gradient(linear,30% 20%,80% 80%,from(#088df3),to(#6a38ec)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .text2{ margin:60px auto; font-size: 120px; text-align: center; font-weight: bold; background: url(https://www.apple.com/v/iphone-xs/a/images/overview/copy_texture_1_medium.jpg) repeat center center; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .record{ color: #737373;text-align: center;font-size: 24px;position: fixed;bottom: 0%;left: 0;width: 100%;padding: 20px 0; } </style> </head> <body> <div class="text1">文字颜色渐变</div> <div class="text2">文字遮罩照片</div> <p class="record">by Jerry yu </p> </body> </html>
mark一下 仅供参考 end
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
ACM国际大学生程序设计竞赛题解
赵端阳//袁鹤 / 电子工业 / 2010-6 / 38.00元
《ACM国际大学生程序设计竞赛题解(1)》可以作为高等院校有关专业的本科和大专学生参加国际大学生程序设计竞赛的辅导教材,或者作为高等院校数据结构、C/C++程序设计或算法设计与分析等相关课程的教学参考书。随着各大专院校参加ACM/ICPC热情的高涨,迫切需要有关介绍ACM国际大学生程序设计竞赛题解的书籍。《ACM国际大学生程序设计竞赛题解(1)》根据浙江大学在线题库的前80题,进行了解答(个别特别......一起来看看 《ACM国际大学生程序设计竞赛题解》 这本书的介绍吧!