摘要: 1.曲线阴影: 曲线阴影的实现原理是通过阴影的叠加效果产生的。即一个主元素设置阴影后,在主元素下面再添加一个副元素。使副元素和主元素重合,且副元素为一个弧形元素。此时主元素和副元素的阴影效果叠加产生曲线阴影。 第一步: 为主元素添加内部阴影,v和h方向的大小都设置为0,但是模糊半径设置的要较大,从而 阅读全文
posted @ 2017-06-11 15:05 墨VS雪 阅读(1943) 评论(0) 推荐(0) 编辑
摘要: 通过CSS3的动画效果完成的一个简单的图片墙效果 效果图: 目标: 1. 用10张图片作为照片。2. 照片以不同的位置和旋转角度随意摆放。3. 鼠标移动到某一张照片上时,此照片由倾斜缓慢旋转成端正,并且放大显示在最上层。 用到的知识点: 1. box-shadow:给元素的边框添加阴影的效果 前两个 阅读全文
posted @ 2017-06-11 11:47 墨VS雪 阅读(655) 评论(0) 推荐(0) 编辑