和cool一起學前端 第六天

2021-09-29 15:51:47 字數 633 閱讀 3746

這個厲害了,有一種動畫的效果,指的是當元素css改變的時候,用一定的時間完成從乙個css樣式到另乙個css樣式的變化。

transition:transform 2s ease 1s

第乙個屬性值是你的css樣式名稱,給這個樣式變化加上過渡效果,比如是width,當元素width變化的時候就會有過渡效果。

第二個屬性值2s代表過渡時間

第三個屬性值是過渡變化的曲線,均勻變化(liner),先慢後快再慢(ease)等

第四個屬性值是過渡延遲,預設是0,代表不延遲,css一發生改變就產生過渡效果

還是來看**吧

="box"

>

<

/div>

.box

.box:hover

我定義了這個容器的樣式和滑鼠懸停的樣式

來看下效果

可以明顯看到滑鼠停留之後的過渡效果,多個過渡效果中間用逗號隔開,如果每個樣式的過渡效果都是一樣的,可以用all代替

.box

前端第六天

js屬於編寫執行在瀏覽器上的指令碼語言 採用ecmascript語法,來操作bom及dom 操作bom 瀏覽器物件模型 操作dom 文件物件模型 如 使用瀏覽器的歷史記錄,使用瀏覽器的彈出框,修改頁面內容,修改頁面樣式,響應使用者互動事件等 js引入 1.行間式 存在於行間事件中 文字內容 2.內聯...

跟我一起學前端

a 超連結標籤 href 屬性設定超連結跳轉的位址 target 屬性 設定跳轉位址的開啟方式 blank 新標籤頁開啟 self 當前頁開啟 預設值 例如 設定錨點 使用a標籤設定跳到錨點 如果不設定元素id,則回到頂部的效果 回到頂部例如 新聞標題 回到ads 回到頂部 a 標籤設定空鏈結 1....

前端學習 第六天

第六天知識總結 一 浮動補充 新增浮動的元素不佔據空間 脫離文件流 只要子元素有浮動,父元素必須新增高度 二 頁面補充 a 設計圖 版式寬度 1920 1680 網頁的版心 960 1200 結構規劃 b id名稱 網頁外圍結構 pc端 版心寬度不能用百分比 c 怎樣讓版心左右居中?給要做居中的版心...