-
1.display:none; 2.position:absolute;left:-99999px; 3.visibility:hidden; 4.opacity:0;查看全部
-
css3 animation動畫屬性定義查看全部
-
@font-face 語法規(guī)則查看全部
-
CSS3 @font-face 是css3中的一個模塊，主要是用于將自己定義的WEB字體嵌入到網(wǎng)頁中查看全部
-
backface-visibility屬性查看全部
-
<meta http-equiv="X-UA-Compatible" content ="IE-edge,chrome=1"> 告訴IE使用最新的渲染模式查看全部
-
transition與animation使用場景： 1. transition適用于需要鍵盤鼠標事件來觸發(fā)動畫，如輸入、點擊、滑過、切換 2. animation適用于無須任何事件觸發(fā)，一進來就能看見動畫，如開場動畫查看全部
-
CSS3繪制三角 div:after{ content: ''; width: 0; height: 0; overflow: hidden; border: 20px solid transparen; /* 設(shè)置三角大小 實際寬為40px */ border-bottom-color: #000; /* 設(shè)置向上三角 */ }查看全部
-
1.自適應(yīng)要求大多數(shù)元素都要百分比寬高，最后還可以用@media 定義窗口變小到像素若干的時候樣式的改變。 2.需要從父元素開始用height100%。才能一直撐開div高度。 3.*{margin=0；padding=0}去除瀏覽器頂部空白。 4.@animation可以定義動畫 5.+號作為選擇器是指緊跟其后的元素，~是尋找后面的兄弟級元素。 6.制造三角形兩種方法{content: ""; height: 0; width: 0; border: 20px solid transparent; border-bottom-color: #821334;} {position: absolute; height: 200px; width: 200px; background-color: #FA96B5; -webkit-transform: rotate(45deg); overflow: hidden; backface-visibility: hidden;}盒子正方形旋轉(zhuǎn)45度，把上半部分溢出隱藏。里面可以i標簽，用圖標文字美化。 7.backface-visibility: hidden;隱藏被旋轉(zhuǎn)的 div 元素的背面 8.這種平滑過渡效果是利用transition的過渡將一副長的盒子滑動，展示窗口可見大小內(nèi)容。 9.利用radio的單選功能，眾多導(dǎo)航欄中單選某一導(dǎo)航欄，然后展示。查看全部
-
腦海里要有一個思想，就是所有的元素都能通過選擇器來產(chǎn)生聯(lián)系。都能相互聯(lián)系查看全部
-
animation不需要事件觸發(fā) transition需要事件觸發(fā)查看全部
-
@font-face: 自己定義字體查看全部
-
attr(data-icon) 獲取屬性值查看全部
-
做三角形，可以把正方形轉(zhuǎn)個角度，然后隱藏一般查看全部
-
backface-visibility: 定義當元素被相我們的時候是否可見查看全部
舉報
0/150
提交
取消