0首先
完成一下昨天的作业#0709
问题:css中:before和::before有什么差别?
1. 一个冒号代表伪类 两个冒号代表伪元素 但是现在 css 也支持一个冒号的,而css3 已经明确规定了伪类单冒号,伪元素双冒号的规则
2. 伪类只是在选择器上增加了想要的样式效果,而伪元素则在抽象上增加了新的元素
1今天的小项目
想要字幕围着一个圆心转动的立体动画效果。
参考:[CSS Cube](https://codepen.io/Paolo-Duzioni/pen/XKvrgL?editors=1100)
所以,可以将旋转字幕简化成四个面,并用CSS3对每个面上的文字制作3D动画效果。
经过一番调整后出现问题:字体失效
在本地的效果 在codepen上的效果定位关键语句:
判断应该是浏览器对该字体没有默认,一般情况下调用字体需要给链接的。
2问题
有一个关于昨天小项目的问题:
分离了css&html,整理了一下代码,不知不觉中……monster嘴巴张不了了!
而且打开页面会先闪现一个白色正方形……
网友评论