css的img移上去边框效果及CSS透明度

最新推荐文章于 2025-04-28 10:07:42 发布

weixin_30736301

最新推荐文章于 2025-04-28 10:07:42 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shy1766IT/p/3736227.html

本文介绍了如何使用CSS为img元素添加动态边框颜色和阴影效果，通过:hover伪类实现过渡动画，提升网页交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css的img移上去边框效果：

.v_comment img{
height:36px;
height:36px;
float:left;
padding:1px;
margin:2px;
border: 1px solid #ddd;
}
.v_comment img:hover{border: 1px solid #ccc;
-webkit-animation: comm 1.1s ease-in infinite;
box-shadow:0 0 2px rgba(0,158,224,0.9);
-moz-box-shadow:0 0 2px rgba(0,158,224,0.9);
-webkit-box-shadow:0 0 2px rgba(0,158,224,0.9);
}

CSS透明度:

filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;

转载于:https://www.cnblogs.com/shy1766IT/p/3736227.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。