在很多对图片的展示网站上尤其是针对于照片展示的网站,美观的照片墙效果还是很常见的所以怎样可以制作一个美观的照片墙有了很大的需求。
/*每张图片的大小设置*/
/*鼠标经过时每个图片盒子效果设置*/ /*每张图片加上边框效果*/
属性设置元素的堆叠顺序拥有更高堆叠顺序的元素总是会处于堆叠顺序较低嘚元素的前面。*/
在很多对图片的展示网站上尤其是针对于照片展示的网站,美观的照片墙效果还是很常见的所以怎样可以制作一个美观的照片墙有了很大的需求。
/*每张图片的大小设置*/
/*鼠标经过时每个图片盒子效果设置*/ /*每张图片加上边框效果*/
属性设置元素的堆叠顺序拥有更高堆叠顺序的元素总是会处于堆叠顺序较低嘚元素的前面。*/
版权声明:本文为博主原创文章未经博主允许不得转载。 /u/article/details/
CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡这种效果可以在鼠标单击、获得焦点、被点击或对元素任何妀变中触发,并圆滑地以动画效果改变CSS的属性值
1、当未鼠标未放到图片上的效果:
2、当鼠标放到图片上后(放大的过程是有动画过渡的,這个过渡的时间可以自定义):