transition
過渡,緩動
div div
:hover
style>
div>
body>
過渡形式:
動畫延遲時間 單位 ms s
transform
div div
:hover
style>
div>
body>
瀏覽器
chrome webkit/blink -webkit-
safari webkit/blink -webkit-
firefox mozilla -moz-
edge
ie microsoft -ms-
opera -o-
360 極速模式webkit / 相容模式 ie
獵豹 qq
uc
-webkit-transform
: translated3d(0,100%,0);
-moz-transform
: translated3d(0,100%,0);
-ms-transform
: translate3d(0,100%,0);
-o-transform
: translate3d(0,100%,0);
transform
: translated3d(0,100%,0);
sublime 外掛程式
[
]
preferences——>package settings——>autoprefixer——>settings - user
感想
程式設計師很辛苦,但是只要你喜愛**,ta就會慢慢地ai上你。
想來想去也沒什麼可以抱怨的,畢竟是自己選擇的路。
最初,我熱情飽滿,因為ps;在途中,我煩躁不安,因為布局;現在,我不紊不亂,因為愛自己。
我不懂,我到底為什麼不會。
我羨慕,老師游刃有餘。
我想,我也在進步。
需求之頁面設計及布局
一 首頁 可以分為主要功能入口 主要資訊推薦 1 首頁設計要求 依據崗位和頻度定首頁 崗位不同,呈現的資訊不同 崗位不同,入口不同 首頁應包含高頻功能 高頻功能應往前放 二 定位頁 定位頁 通過和使用者的互動錄入一些資訊,然後定位到工作的頁面。定位頁的作用是快速找到具體的工作頁,系統應該有快捷入口,...
頁面布局之flex布局
flex布局 flex布局也叫作彈性盒子布局,可以簡便 完整 響應式的實現各種頁面布局,同時也支援所有的瀏覽器。父級元素設定css樣式為 display flex。內容的位置用justify content來控制,常用的屬性有 space between space around center le...
頁面布局混亂問題及解決
初學html和css後編寫前端頁面的時候遇到了兩個控制項混亂的問題,這兩個問題在瀏覽器全屏模式都不會表現出來,所以一開始我也還沒有注意到,我覺得值得記錄一下。1.在頁面插入背景圖的時候,背景圖會隨著瀏覽器的縮放而等比例縮放,如果頁面上只有一張背景圖,這樣就沒關係,但如果背景圖的頁面上還有其他控制項,...