HTML5基础加强css样式篇（css过渡属性的隐式过渡问题）（二十二）

最新推荐文章于 2021-05-04 09:52:10 发布

咸鸭蛋炒饭

最新推荐文章于 2021-05-04 09:52:10 发布

阅读量591

点赞数

分类专栏： HTML5基础篇文章标签： css html5 经验 firefox

本文链接：https://blog.csdn.net/u010853130/article/details/62443355

版权

HTML5基础篇专栏收录该内容

121 篇文章 7 订阅

订阅专栏

1.隐式过渡属性：

使用火狐浏览器时会出现宽度高度随字体大小一起出现过渡：（原因主要是因为高度和宽度使用了em单位，em随字体大小改变而改变导致）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box {
            width: 5em;
            height: 5em;
            background-color: #00f;
            color: #fff;
            font-size: 20px;
        }
        body:hover .box {
            font-size: 40px;
            transition: font-size 3s;
        }
    </style>
</head>
<body>

    <div class="box">Hello</div>



<script type="text/javascript">


</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咸鸭蛋炒饭

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5基础加强css样式篇（css过渡属性的隐式过渡问题）（二十二）

1.隐式过渡属性：使用火狐浏览器时会出现宽度高度随字体大小一起出现过渡：（原因主要是因为高度和宽度使用了em单位，em随字体大小改变而改变导致）尚硅谷HTML5 初级阶段 .box { width: 5em; height: 5em; background-color:
复制链接

扫一扫