New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment