为什么画眼球里的眼珠和白色球的时候需要用:before, :after？

作用是什么？

慕尼黑6530071 2018-03-21

源自：CSS3实现汉克狗案例 2-5 汉克狗的眼球

3

收起

1回答

怎么都被占用了呢 2018-03-21 18:26:51

因为整个眼睛是按照3部分实现的（黄色部分、黑色部分、白色部分），但html只定义了一个元素，故要借助before和after再生成2个伪元素。当然不使用before和after也是可以的，在html中直接定义3个元素实现。代码是灵活的，能够按照要求实现效果即可。继续加油~~

相似问题

老师好，想问下left相对谁绝对定位的？为什么眼球的位移left数值增加，两个眼珠向内靠近？

关于before/after.

眼球穿透眼边阴影问题？

老师好,制作眼球和眼白的时候用的伪元素after和before有什么讲究吗,比如先后顺序之类的

4-2关于双色球

登录后可查看更多问答，登录/注册

HTML5&CSS3进阶与常用框架 2018

参与学习 315 人
提交作业 136 份
解答问题 626 个

如果你有H5、CSS3、JS基础，热爱前端并希望在前端应用方面不断进步，那就来吧，本路径为你带来的课程有HTML5进阶、CSS3进阶、JS面向对象、jQ基础、Less等，助你进一步提升前端开发技能

本课精华内容

问答作业

db.transaction is not a function

61 10

考试机会用完了会怎样

10 9

3-9插件哪错误了？

22 9

这个函数不是很明白

49 8

clearRect（）方法无法清空曲线

165 8

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号