CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS3转换轻松进出盒子阴影大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用 CSS3来获取div id,以减轻盒子阴影.

我现在的CSS是:

#how-to-content-wrap-first:hover {
-moz-box-shadow: 0px 0px 5px #1e1e1e; 
-webkit-box-shadow: 0px 0px 5px #1e1e1e; 
box-shadow: 0px 0px 5px #1e1e1e;
-webkit-transition: box-shadow 0.3s ease-in-out 0s;
-moz-transition: box-shadow 0.3s ease-in-out 0s;
-o-transition: box-shadow 0.3s ease-in-out 0s;
-ms-transition: box-shadow 0.3s ease-in-out 0s;
transition: box-shadow 0.3s ease-in-out 0s;

我遇到的问题是,在元素的第一个悬停上,没有放宽或缩小,然后任何后续的徘徊放松,但不要放松.

任何建议人们都会非常感激

解决方法

您需要使用.class上的转换,而不是.class:hover

Demo

div {
    height: 200px;
    width: 200px;
    box-shadow: none;
    transition: box-shadow 1s;
    border: 1px solid #eee;
}

div:hover {
    box-shadow: 0 0 3px #515151;
}

大佬总结

以上是大佬教程为你收集整理的CSS3转换轻松进出盒子阴影全部内容,希望文章能够帮你解决CSS3转换轻松进出盒子阴影所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。