-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS制作立體導航</title> <link rel="stylesheet" href="http://www.w3cplus.com/demo/css3/base.css"> <style> body{ background: #ebebeb; } .nav{ width:560px; height: 50px; font:bold 0/50px Arial; text-align:c查看全部
-
Mark 使用漸變與偽元素制作 使用偽元素刪除第一個和最后一個分隔線查看全部
-
實用技能! @font-face { font-family : 字體名稱; src : 字體文件在服務器上的相對或絕對路徑; } p { font-size :12px; font-family : "My Font"; /*必須項,設置@font-face中font-family同樣的值*/ }查看全部
-
:empty 選擇沒有任何內容的元素(包括空格不算)查看全部
-
~~~~~查看全部
-
注意加前綴~~~查看全部
-
both不會回到初始幀查看全部
-
animation-fill-mode none/backwards/both:最后都會回到初始幀 forwards:動畫在結束后繼續應用最后的關鍵幀的位置查看全部
-
:not 否定選擇器查看全部
-
:root 根選擇器查看全部
-
嗯嗯查看全部
-
為了更好的兼容各個瀏覽器,在寫css樣式時需要加上前綴(表示該屬性未成為W3C標準) /*前綴 瀏覽器*/ -webkit chrome(谷歌)和Safari(蘋果) -moz firefox(火狐) -ms IE -o opera(歐朋) 一、邊框 1.圓角效果:border-radius:10px/*所有角都是半徑為10px的圓角*/ border-radius:5px 4px 3px 2px /*順時針*/ 2.多種顏色的邊框:border-width:6px; border-top查看全部
-
* 含有 任意位置 ^ 開頭 $ 結尾查看全部
-
transition: all .5s ease-in .2s; 第一個時間的值為 transition-duration,第二個為transition-delay。查看全部
-
transition-timing-function屬性指的是過渡的“緩動函數”。主要用來指定瀏覽器的過渡速度,以及過渡期間的操作進展情況,其中要包括以下幾種函數 ease linear ease-in ease-out ease-in-out查看全部
舉報
0/150
提交
取消