CSS3之文字过渡

最新推荐文章于 2022-09-07 18:32:21 发布

Volcano_WQL

最新推荐文章于 2022-09-07 18:32:21 发布

阅读量1.4k

点赞数

文章标签： html5 css3

本文链接：https://blog.csdn.net/qq_45614713/article/details/105120085

版权

使用transitions 设置文字样式的改变

改变文字的字间距以及字体大小和透明度等

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过渡</title>
    <style>
        body{
            background-color: #00CCFF;
        }
      p{
            text-align: center;
            letter-spacing: 50px;
          font-size: 50px;
            color: rgba(255,255,255,0.5);
            transition: all 5s ease;
        }
        p:hover{
            text-align: center;
            font-size: 50px;
            letter-spacing: 0;
            color: white;

        }
    </style>
</head>
<body>
    <p>4亿网友共同信赖</p>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Volcano_WQL

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS3之文字过渡

使用transitions 设置文字样式的改变改变文字的字间距以及字体大小和透明度等<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过渡</title> <style> body{...
复制链接

扫一扫