介绍 & lt; h2 类=癶over-text-3d",数据电文=皐3cbest.com"祝辞W3CBEST.COM css .hover-text-3d {
,,,字体大小:,7 em;
}
.hover-text-3d {
,,,位置:,绝对;
,,,:,50%;
,,,左:,50%;
,,,-webkit-transform:,翻译(-50%,-50%);
,,,-ms-transform:,翻译(-50%,-50%);
,,,-o-transform:,翻译(-50%,-50%);
,,,变换:,翻译(-50%,-50%);
,,,-webkit-text-fill-color:, # fff;
,,,text-fill-color:, # fff;
}
.hover-text-3d: before {
,,,位置:,绝对;
,,,溢出:,隐藏;
,,,宽度:,0;
,,,内容:,attr(数据电文);
,,,-webkit-transition:, 2 s;
,,,-o-transition:, 2 s;
,,,的转变:,2 s;
,,,-webkit-text-fill-color:, # aaf0d1;
,,,text-fill-color:, # aaf0d1;
,,,-webkit-text-stroke-width:, 2 px;
,,,text-stroke-width:, 2 px;
,,,-webkit-text-stroke-color:, # aaf0d1;
,,,text-stroke-color:, # aaf0d1;
,,,-webkit-filter:,下拉阴影(5 px 5 px 5 px rgba (0, 0, 0, 0。8));
,,,-o-filter:,下拉阴影(5 px 5 px 5 px rgba (0, 0, 0, 0。8));
,,,过滤器:,下拉阴影(5 px 5 px 5 px rgba (0, 0, 0, 0。8));
}
.hover-text-3d:徘徊:before {
,,,宽度:,100%;
}
使用css3怎么实现一个文本悬停改变效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
html
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。
