css3 動畫與display:none沖突的解決方法

css不能在display:none和display:block之間進行動畫，并且也不能在height:0和height:auto之間進行動畫。 這里我研究了一下在display:none和display:block之間進行動畫的解決方案，記錄下來供以后開發時...

CSS3旋轉動畫(360度旋轉、旋轉放大、放大、移動) 用法和實例

CSS3旋轉動畫(360度旋轉、旋轉放大、放大、移動) 用法和實例 Internet Explorer 10、Firefox、Opera 支持 transform 屬性。 Internet Explorer 9 支持替代的 -ms-transform 屬性（僅適用于 2D 轉換）。 Safari...

CSS Sprites+CSS3 Icon Font圖標使用方法

CSS Sprites在國內很多人叫CSS精靈，是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像...

CSS3陰影 box-shadow的用法和總結

CSS3陰影 box-shadow的使用總結 text-shadow是給文本添加陰影效果，box-shadow是給元素塊添加周邊陰影效果。隨著html5和CSS3的普及，這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[inset]...

CSS3中的box-flex彈性盒屬性布局講解

box-flex是css3新添加的盒子模型屬性，它的出現打破了我們經常使用的浮動布局，實現垂直等高、水平均分、按比例劃分。但是它有一定的局限性，在firefox、chrome這瀏覽器下需要使用它們...

CSS3/js/jquery實現淡入（fadeIn）淡出（fadeOut）效果的方法

基于CSS3實現淡入（fadeIn）淡出（fadeOut）效果: 淡入淡出效果大多是依照jquery中fadeIn和fadeOut的方法使用js來控制元素的透明度達到目的，但缺點是有輕微的卡頓感，并且運行效率一般。...

css3背景顏色漸變(Gradients)屬性設置方法

CSS3漸變(Gradients) 可以讓你在兩個或多個指定顏色之間顯示平穩的過度，包括透明度。 以前，你必須使用圖像來實現這些效果。但是，通過Css3漸變(Gradients)，你可以減少下載的事件和寬...

CSS3中background背景圖片滾動屬性background-attachment

CSS3對于background做了一些修改，最明顯的一個就是采用設置多背景，不但添加了4個新屬性，并且還對目前的屬性進行了調整增強。 1、多個背景圖片 在css3里面，你可以再一個標簽元素里...

CSS3屬性之圓角效果—border-radius用法

講到css3的border-radius這個玩意，可以很好玩。比如：圓角矩形，圓，橢圓等等。 CSS3 border-radius是什么？ border-radius的含義是：圓角。 CSS3 border-radius的書寫格式： border-radius: a px，比較常...

CSS3的文字陰影—text-shadow用法

text-shadow還沒有出現時，大家在網頁設計中陰影一般都是用photoshop做成圖片，現在有了css3可以直接使用text-shadow屬性來指定陰影。這個屬性可以有兩個作用，產生陰影和模糊主體。這樣在...