8000 CSS3实现图片阴影 · Issue #8 · riskers/blog · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

CSS3实现图片阴影 #8

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
Open
riskers opened this issue Sep 18, 2015 · 0 comments
Open

CSS3实现图片阴影 #8

riskers opened this issue Sep 18, 2015 · 0 comments
Labels
FE web 前端

Comments

@riskers
Copy link
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分别制作两边的效果

参考

向我捐助 | 关于我 | 工作机会
@riskers riskers changed the title CSS3动画效果合集 CSS3实现图片阴影 Nov 13, 2015
@riskers riskers added FE web 前端 and removed css labels Dec 17, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
FE web 前端
Projects
None yet
Milestone
No milestone
Developme 2E0B nt

No branches or pull requests
1 participant
@riskers
0