字体颜色变换与阴影效果实现字体变大幻觉

定义元素

<div class="myText">342342</div>

CSS按照如下设置，hover时将体验到字体动态凸出的视觉效果

        .myText {
            background-color: black;
            font-family: 'PingFang SC','Helvetica Neue','Helvetica','Arial','Microsoft Yahei',sans-serif;
            font-size: 500%;
            text-shadow: 3px 3px 3px #fff;
            color: #0378bb;
        }

        .myText:hover {
            color: #43F2FF;
        }