web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
图片特效
纯css相册显示特效
分类：
图片特效
日期：
2024-05-14
点击(4)
评论(0)
演 示
免费下载
简介
css代码 ```css .a{margin:80px auto; width:940px; height:340px; background-color:rgba(0,0,0,0.7); position: relative; } li{list-style:none;} .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; } ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
