小y的放松时刻-0019：图片背景的文字效果

最新推荐文章于 2024-08-26 19:22:26 发布

Akino_夜雨

最新推荐文章于 2024-08-26 19:22:26 发布

阅读量169

点赞数

文章标签： html css

原文链接：https://www.bilibili.com/video/BV1n4411s765

版权

小y的放松时刻-0019：图片背景的文字效果

内容简介

内容简介

这是小y学习css、js的记录和分享。
绝大部分内容将会是非原创，侵删。

原链接

https://www.bilibili.com/video/BV1n4411s765

效果展示

在这里插入图片描述

代码

<body>
    <h1>text</h1>
</body>

body{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    background: #333;
}
h1{
    font-size: 200px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    background: url("../img/relax_0019.JPG") 50% 50%;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Akino_夜雨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小y的放松时刻-0019：图片背景的文字效果

小y的放松时刻-0019：图片背景的文字效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创，侵删。原链接https://www.bilibili.com/video/BV1n4411s765效果展示代码<body> <h1>text</h1></body>body{ margin: 0; padding: 0; font-family: sans-seri
复制链接

扫一扫