课程
/前端开发
/CSS3
/CSS3实现“图片阴影”效果
想问一下在慕课网的练习页面上为什么实现不了啊，是我的代码错了还是？
2017-09-09
源自：CSS3实现“图片阴影”效果 1-7
正在回答
中文也是可以的，可以提供一下代码吗？
http://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%43%34%25%43%33%25%43%35%25%42%30%25%44%39%25%42%43%25%44%32%25%42%39%25%44%39%25%42%37%25%42%44%25%43%44%25%46%38%25%44%36%25%42%37%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%43%34%25%43%46%25%43%34%25%46%45%25%43%36%25%46%33%25%44%32%25%42%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%42%44%25%46%35%25%43%30%25%46%42%25%42%39%25%46%41%25%42%43%25%43%41%25%44%34%25%44%41%25%43%46%25%44%46%25%44%33%25%45%39%25%43%30%25%44%36%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%44%33%25%41%41%25%42%46%25%44%41%25%42%37%25%43%30%25%44%32%25%44%46_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%42%44%25%46%30%25%42%36%25%41%36%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%42%30%25%44%37%25%44%32%25%46%38%25%42%34%25%46%33%25%44%31%25%41%37_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%43%44%25%46%32%25%42%37%25%45%31%25%42%39%25%46%41%25%42%43%25%43%41%25%43%31%25%46%41%25%42%42%25%41%32%25%41%31%25%42%45%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%42%42%25%42%36%25%44%33%25%41%44%25%43%34%25%46%41%25%41%31%25%42%46%252C%25%43%42%25%44%35%25%44%36%25%44%44%25%43%38%25%43%38%25%43%33%25%43%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%30%25%43%32%25%42%32%25%46%44%25%43%41%25%41%32%25%44%33%25%45%39%25%43%30%25%44%36%25%42%46%25%41%41%25%42%42%25%41%37%25%42%46%25%41%41%25%42%42%25%41%37%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%43%39%25%45%45%25%44%42%25%44%41%25%43%45%25%43%30%25%42%43%25%43%36%25%43%45%25%41%46_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%39%25%46%42%25%42%32%25%41%39%25%42%36%25%41%42%25%42%37%25%42%44%25%42%39%25%41%42%25%43%42%25%42%45%25%42%35%25%45%37%25%42%42%25%42%30%25%44%36%25%42%31%25%44%33%25%41%41%25%42%46%25%41%41%25%42%42%25%41%37%25%33%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%44%37%25%44%34%25%42%39%25%42%31%25%43%45%25%43%30%25%43%41%25%44%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%46%36%25%43%45%25%42%30%25%44%39%25%43%30%25%46%42%25%44%30%25%43%35%25%44%33%25%46%45%25%42%41%25%43%33%25%43%32%25%46%30%25%42%46%25%41%41%25%42%42%25%41%37%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%44%36%25%41%33%25%44%36%25%44%44%25%42%37%25%44%36%25%42%39%25%41%42%25%43%42%25%42%45_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%42%25%41%41%25%43%38%25%43%42%25%42%30%25%44%39%25%42%43%25%44%32%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%43%42%25%45%36%25%44%36%25%44%44%25%43%33%25%43%30%25%43%41%25%42%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%44%33%25%46%31%25%43%46%25%45%39%25%42%39%25%41%42%25%43%42%25%42%45%25%42%46%25%41%41%25%42%42%25%41%37%25%43%31%25%41%41%25%43%46%25%42%35%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%33%25%41%45%25%41%33%25%43%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%43%34%25%43%46%25%43%34%25%46%45%25%43%43%25%45%35%25%44%33%25%46%44_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%44%30%25%43%34%25%43%44%25%46%38%25%44%36%25%42%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%41%33%25%43%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%44%32%25%46%38%25%42%34%25%41%38%25%44%32%25%44%46%25%43%37%25%45%39_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%33%25%46%31%25%42%41%25%43%44%25%44%33%25%45%39%25%43%30%25%44%36%25%44%37%25%41%32%25%42%32%25%45%31%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%44%37%25%44%34%25%42%39%25%42%31%25%42%37%25%43%33%25%43%43%25%42%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%44%33%25%46%31%25%43%46%25%45%39%25%44%33%25%45%39%25%43%30%25%44%36%25%43%41%25%44%36%25%42%42%25%46%41%25%44%34%25%44%41%25%43%46%25%44%46%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%43%44%25%46%45%25%42%41%25%41%33%25%43%43%25%46%41%25%43%44%25%41%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%46%37%25%43%39%25%46%44%25%44%33%25%45%39%25%43%30%25%44%36%25%32%30%25%43%30%25%42%34%25%44%30%25%43%32%25%42%44%25%46%35%25%42%41%25%41%33%25%43%42%25%43%44%25%42%39%25%44%39%25%42%37%25%42%44%25%43%44%25%46%38%25%44%36%25%42%37%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%43%42%25%43%34%25%43%36%25%42%44%25%42%31%25%43%46%25%44%32%25%42%35%25%43%39%25%46%41_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%44%30%25%43%32%25%42%30%25%44%39%25%43%30%25%46%42%25%42%39%25%44%39%25%43%44%25%46%38%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%42%44%25%46%30%25%42%32%25%46%44%25%43%45%25%43%30%25%43%39%25%46%41%25%42%45%25%44%36_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%43%45%25%41%43%25%42%43%25%44%33%25%43%42%25%42%39%25%44%33%25%45%39%25%43%30%25%44%36%25%43%46%25%44%36%25%42%33%25%41%31%25%42%39%25%44%39%25%43%44%25%46%38%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%43%45%25%45%34%25%42%41%25%42%41%25%44%30%25%43%32%25%43%45%25%43%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%44%33%25%43%30%25%46%36%25%43%45%25%42%39%25%46%41%25%42%43%25%43%41%25%44%33%25%45%39%25%43%30%25%44%36%25%42%39%25%44%39%25%42%37%25%42%44%25%43%44%25%46%38%25%44%36%25%42%37%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%44%33%25%43%30%25%44%36%25%44%44%25%42%37%25%44%36%25%44%35%25%42%45_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%42%39%25%46%42%25%42%32%25%41%39%25%42%36%25%41%42%25%42%37%25%42%44%25%42%42%25%45%31%25%44%34%25%42%31%25%42%46%25%41%41%25%42%42%25%41%37%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%42%44%25%46%41%25%42%33%25%43%37%25%42%34%25%46%33%25%44%31%25%41%37_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%43%44%25%46%35%25%44%35%25%44%46%25%44%36%25%43%31%25%44%37%25%46%30%25%43%46%25%44%36%25%42%33%25%41%31%25%34%32%25%34%41%25%34%43%25%43%31%25%46%41%25%42%42%25%41%32%25%44%33%25%45%39%25%43%30%25%44%36%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%33%25%41%45%25%41%33%25%43%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%44%36%25%43%45%25%44%36%25%44%44%25%43%39%25%46%41%25%42%42%25%45%45_1s.htmhttps://db.auto.sina.com.cn/search/?search_txt=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E9%9B%86%E5%9B%A2%E5%AE%A2%E6%9C%8D%E7%94%B5%E8%AF%9D%E3%80%90B2024%C2%B7CN%E3%80%91%E4%B9%8C%E6%B5%B7%E5%8C%BB%E4%BF%9D%EF%BD%84%EF%BD%97https://list.jd.com/search?keyword=%E6%9E%9C%E5%8D%9A%E4%B8%9C%E6%96%B9%E6%89%8B%E6%9C%BA%E4%B8%8B%E8%BD%BD%E3%80%90TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E6%A6%86%E6%9E%97%E7%BD%91%E9%80%9A%EF%BD%8C%EF%BC%95http://gdh.dict.cn/%E7%BC%85%E7%94%B8%E8%80%81%E8%A1%97%E8%B5%8C%E5%9C%BA%E6%8E%92%E5%90%8D%E7%BD%91%E5%9D%80B2024%C2%B7CN%E8%A5%84%E6%A8%8A%E7%99%BE%E5%A7%93%E7%BD%91https://www.oschina.net/search?scope=news&q=%E7%BC%85%E7%94%B8%E5%87%AF%E6%97%8B%E9%97%A8%E5%85%AC%E5%8F%B8%E8%B5%84%E9%87%91%E5%AE%89%E5%85%A8%E5%90%97%E7%9B%B4%E8%90%A5%E5%BC%80%E6%88%B7%3AB2024.CN%E8%8D%86%E9%97%A8%E6%96%B0%E9%97%BB&days=0&onlytitle=0&sort_by_time=0http://biz.finance.sina.com.cn/zjzt/more.php?lytype=ipoly_hyxdly&title=%C0%CF%BD%D6%CC%DA%C1%FA%B9%FA%BC%CA%BE%AD%C0%ED%B5%E7%BB%B0%B9%D9%CD%F8B2024%A1%A4CN%BD%FA%D6%D0%B1%CF%D2%B5%C9%FAhttp://gdh.dict.cn/%E7%BC%85%E7%94%B8%E9%BE%99%E6%BA%90%E8%B5%8C%E5%9C%BA%E3%80%90TL262%C2%B7C%EF%BC%AFM%E3%80%91%E9%9B%85%E5%AE%89%E4%BD%93%E8%82%B2http://house.china.com.cn/sousou/%25101%253D%252C%2520%25C9%25BD%25B6%25AB%25D6%25EE%25B3%25C7%25C1%25FA%25BB%25A2%25C6%25BD%25CC%25A8%25D6%25B1%25D3%25AA%25BF%25AA%25BB%25A7%253AB2024%25A1%25A4CN%252C%25D4%25CB%25B3%25C7%25B0%25EC%25CA%25C2%25B4%25A6%25A3%25CC_1s.htmhttp://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E9%BE%99%E6%BA%90%E5%9B%BD%E9%99%85%E9%9B%86%E5%9B%A2%E6%8E%A8%E5%B9%BF%E7%94%B5%E8%AF%9D%E3%80%90B2024.CN%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E5%8D%97%E4%BA%AC%E6%AF%95%E4%B8%9A%E7%94%9Fhttps://www.oschina.net/search?scope=news&q=%E9%93%B6%E9%92%BB%E5%A8%B1%E4%B9%90%E7%BC%85%E7%94%B8%E5%AE%A2%E6%9C%8D%E3%80%90B2024%C2%B7CN%E3%80%91%E9%98%B3%E6%B3%89%E8%81%94%E9%80%9A%EF%BC%B4https://www.oschina.net/search?scope=news&q=%E7%8E%8B%E8%80%85%E8%87%B3%E5%B0%8A%E5%A8%B1%E4%B9%90%E4%B8%AD%E5%BF%83%E7%9B%B4%E8%90%A5%E7%BD%91B2024%C2%B7CN%E6%B9%98%E6%BD%AD%E6%AF%95%E4%B8%9A%E7%94%9F
如果用练习页面最好把css和html写在同一页面内。建议最好在本地练习。
举报
利用多投影重叠的原理，实现曲线阴影与翘边阴影的效果
2 回答为什么before没有出现在外面？为什么after出现在外面了？
4 回答既然after是出现在下面，那before就应该出现在上面啊，这个怎么解释啊？博主没有讲清楚！！！！！！！
3 回答请问为啥我的翘边阴影的红色背景是以整个页面为准的
4 回答为什么设置z-index无效？曲边还是在.effect上方显示
2 回答求解呀~~看看哪里错了，after写的那个一直在上面，z-index标签怎么没用
