![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
文章平均质量分 87
花开时节多风雨
萌新一枚,自己的笔记
展开
-
CSS实现的图片缩进效果
本文主要通过CSS实现手风琴图片缩进。当鼠标悬停在图片上时,图片全部展示出来,鼠标离开图片缩进。原创 2017-07-17 09:16:57 · 2494 阅读 · 0 评论 -
纯CSS实现的3D翻页效果
CSS实现的3D翻页效果 我是三页翻页。CSS代码如下:* { padding: 0; margin: 0;}body, html { height: 100%;}body { /*perspective 属性指定了观察者与z=0平面的距离,使具有三维位置变换的元素产生透视效果。z>0的三维元素比正常大,而z<0时则比正常小, 大小程度由该属原创 2017-07-17 09:02:11 · 4148 阅读 · 1 评论 -
鼠标悬浮实现各种图片散开的特效
通CSS实现各种图片散开特效,当鼠标悬停在第一张图片上时,图片散开。如下面几幅图。CSS是body { margin: 0px; padding: 0px; background-color: #C3CCD5; font-family: 'Source Sans Pro', sans-serif;}.albums{ width: 100%; float: le原创 2017-07-25 10:22:39 · 1150 阅读 · 0 评论