Issue#2018-07-10

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嘴巴张不了了!

而且打开页面会先闪现一个白色正方形……

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,332评论 2 66
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 784评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,588评论 1 45
  • 一颗密度最高的石头随着我的心房跳舞血管就像千根金线将它缠得缭绕那所海岛曾无人生还风景却是世间之最我去过,不知所从地...
    小者阅读 411评论 0 6
  • 金银花,一种再普通不过的花,村前屋后,四处都有它的身影。每年的初夏,它就悄然开放,送来一缕清香。在乡下正值农忙时节...
    壶上春秋阅读 236评论 0 0