7.6 CSS3邊框總結
下面列出了常用的CSS3邊框屬性: CSS3邊框屬性
8.1 CSS3背景簡介
一、CSS3背景 在CSS2.1中,我們學習了很多關於背景的屬性,例如background-image、background-pos
8.2 背景大小background-size屬性
一、background-size屬性 在CSS3之前,背景圖片的大小是由圖片的實際大小決定的。
8.3 背景位置background-origin屬性
一、background-origin屬性 在CSS3中,我們可以使用background-origin屬性來設置元素背景圖片平鋪的
8.4 背景剪切background-clip屬性
一、background-clip屬性 在CSS3中,使用background-clip屬性來將背景圖片根據實際需要進行剪切。
8.5 CSS3多背景圖片
一、CSS3多背景圖片簡介 CSS3多背景圖片,也就是CSS2中的background屬性外加origin、clip和size組成的
8.6 本章總結
在CSS3中,為了滿足更多需求,新增了多個新的背景屬性,它們提供了對背景更強大的控制。
9.1 CSS3變形簡介
從這一章開始,我們正式踏入CSS3的神奇領域:CSS3動畫。在CSS3動畫出現之前,對於動畫效果(如漸顯、移動等)大部分都是使用JavaScript制作。而現在這些動畫效
位移translate()方法
一、translate()方法 在CSS3中,我們可以使用translate()方法將元素沿著水平方向(X軸)和垂直方向(Y軸)移動
9.3 縮放scale()方法
一、scale()方法 縮放,指的是“縮小”和“放大”。在CSS3中,我們可以使用scale()方法來將元素根據中心原點進行縮放。
9.4 旋轉rotate()方法
一、rotate()方法 在CSS3中,我們可以使用rotate()方法來將元素相對中心原點進行旋轉。這裡的旋轉是二維的,不涉及三維
9.5 傾斜skew()方法
一、skew()方法 在CSS3中,我們可以使用skew()方法將元素傾斜顯示。 skew()
9.6 中心原點transform-origin屬性
一、transform-origin屬性 任何一個元素都有一個中心原點,默認情況下,元素的中心原點位於X軸和Y軸的50%處。
9.7 本章總結
CSS3動畫效果由3大部分組成:變形、過渡和動畫。 在CSS3中,我們可以使用transform屬性來實現文字或圖像的的各種變形效果
9.8 訓練題(1)CSS3實現個性圖片牆
在很多個人網站,我們經常可以看到帶有個性的圖片牆效果。在這一節我們就先來給大家講解一下如何使用之前學習到的CSS3知識來實現個性圖片牆效果。
10.1 CSS3過渡簡介
一、CSS3過渡 我們知道,transform(變形)、transition(過渡)和animation(動畫)是CSS3動畫的3大
10.2 過渡屬性transition-property
一、transition-property屬性 在CSS3中,我們可以使用transition屬性來將元素的某一個屬性從“一個屬性值
10.3 過渡時間transition-duration屬性
一、transition-duration屬性 在CSS3中,我們可以使用transition屬性來將元素的某一個屬性從“一個屬性值
10.4 過渡方式transition-timing-function
一、transition-timing-function屬性 在CSS3中,我們可以使用transition屬性來將元素的某一個屬性
10.5 延遲時間transition-delay
一、transition-delay屬性 在CSS3中,我們可以使用transition屬性來將元素的某一個屬性從“一個屬性值”在指