admin 管理员组

文章数量: 1086019


2024年2月23日发(作者：特斯拉刹车失灵事件公关策划)

bottom: 5px;right: 5px;opacity: 1;z-index: 2;transition: all 1s ease 0s;}.box:hover:before{ border: 1px solid rgba(255, 255, 255, 0.18); }.box:after{content: "";display: block;border: 10px solid #fff;position: absolute;top: 35px;left: 35px;bottom: 35px;right: 35px;opacity: 1;z-index: 1;transition: all 0.3s ease 0s;}.box:hover:after{top: 0;left: 0;bottom: 0;right: 0;opacity: 0;}.box img{width: 100%;height: auto;transform: scale(1.1);transition: all 1s ease 0s;}.box:hover img{ transform: scale(1); }

.box .box-content{padding: 20px;text-align: center;color: #fff;position: absolute;top: 45px;left: 45px;bottom: 45px;right: 45px;opacity: 1;z-index: 2;transition: all 0.3s ease 0s;}.box:hover .box-content{top: 6px;left: 6px;bottom: 6px;right: 6px;}.box .box-inner-content{width: 100%;padding-bottom: 20px;opacity: 0;position: absolute;bottom: 0;left: 0;transition: all 0.3s ease 0s;}.box:hover .box-inner-content{ opacity: 1; }.box .title{font-size: 26px;font-weight: bold;margin: 0;}

.box .post{display: block;font-size: 16px;font-style: italic;margin-bottom: 10px;}.box .icon{padding: 0;margin: 0;list-style: none;}.box .icon li{ display: inline-block; }.box .icon li a{display: block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #fff;margin-right: 10px;font-size: 18px;color: #000;transition: all 0.3s ease 0s;}.box .icon li a:hover{background: #000;color: #fff;}@media only screen and (max-width:990px){.box{ margin-bottom: 30px; }}


本文标签： 失灵 刹车 策划 公关 事件

版权声明：本文标题：html图片鼠标动态效果代码,CSS3鼠标hover图片动画特效代码 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1708632965a528168.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。