这篇文章分享了一个使用纯CSS3编写的相册效果，通过`aulli`元素实现图片的淡入淡出和阴影变化，展示了CSS的灵活性和动画能力。
纯css3写的相册效果.a ul li div{ display:none; position:absolute; left:20px; top:20px; transition:box-shadow 2s; }ul{float:right; width:400px;}ul li{ float:left; margin:5px; border:3px solid #FFF; opacity:0.3; border-radius:3px;/**边框圆***/ transition:opacity 2s;}.a ul li:hover div{ display:block; border:3px solid #FFF; box-shadow:3px 3px 10px #00CC00;/**背景阴影***/ }.a ul li:hover{ float:left; margin:5px; border:3px solid #FFF; opacity:1.0; }
dd:
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
