New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

CSS3实现图片阴影 #8

Open

riskers opened this issue Sep 18, 2015 · 0 comments

Labels

FE

Owner

riskers commented Sep 18, 2015 •

edited

Loading

曲线阴影

狠狠戳demo

运用技术点：

box-shadow的内外阴影
border-radius的制作椭圆
```
border-radius: 100px/10px;
```
:before 、:after 相互覆盖，效果更好

翘边阴影

狠狠戳demo

运用技术点：

transform-skew、rotate
:before、:after分别制作两边的效果

参考

CSS3实现“图片阴影”效果

向我捐助 | 关于我 | 工作机会

The text was updated successfully, but these errors were encountered:

riskers added css labels

riskers changed the title ~~CSS3动画效果合集~~ CSS3实现图片阴影

riskers added FE and removed css labels

# for free to join this conversation on GitHub. Already have an account? # to comment