Issue#2018-07-10

0首先

完成一下昨天的作業(yè)#0709

問題:css中:before和::before有什么差別?

1. 一個冒號代表偽類 兩個冒號代表偽元素 但是現在 css 也支持一個冒號的,而css3 已經明確規(guī)定了偽類單冒號,偽元素雙冒號的規(guī)則

2. 偽類只是在選擇器上增加了想要的樣式效果,而偽元素則在抽象上增加了新的元素

1今天的小項目

想要字幕圍著一個圓心轉動的立體動畫效果。

參考:[CSS Cube](https://codepen.io/Paolo-Duzioni/pen/XKvrgL?editors=1100)

所以,可以將旋轉字幕簡化成四個面,并用CSS3對每個面上的文字制作3D動畫效果。

經過一番調整后出現問題:字體失效

在本地的效果


在codepen上的效果


定位關鍵語句:

判斷應該是瀏覽器對該字體沒有默認,一般情況下調用字體需要給鏈接的。

2問題

有一個關于昨天小項目的問題:

分離了css&html,整理了一下代碼,不知不覺中……monster嘴巴張不了了!

而且打開頁面會先閃現一個白色正方形……

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 學會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,432評論 2 66
  • 前端開發(fā)面試題 <a name='preface'>前言</a> 只看問題點這里 看全部問題和答案點這里 本文由我...
    自you是敏感詞閱讀 899評論 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,769評論 1 45
  • 一顆密度最高的石頭隨著我的心房跳舞血管就像千根金線將它纏得繚繞那所海島曾無人生還風景卻是世間之最我去過,不知所從地...
    小者閱讀 425評論 0 6
  • 金銀花,一種再普通不過的花,村前屋后,四處都有它的身影。每年的初夏,它就悄然開放,送來一縷清香。在鄉(xiāng)下正值農忙時節(jié)...
    壺上春秋閱讀 278評論 0 0

友情鏈接更多精彩內容