旋轉文字的CSS程式碼
文字旋轉效果如果使用CSS2很難實現,不過CSS3已經提供現成的屬性,下面就是一段這樣的程式碼例項和大家分享一下,希望能夠給大家帶來借鑑作用,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .mouth{ font-size:20px; font-weight:bold; border:1px solid #F00; display:block; width:50px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } </style> </head> <body> <div class="example"> <span class="mouth">09</span> </div> </body> </html>
相關文章
- CSS3旋轉風車效果程式碼CSSS3
- CSS3旋轉效果程式碼例項CSSS3
- css實現的div旋轉簡單程式碼例項CSS
- css控制div元素旋轉指定角度程式碼例項CSS
- css3實現的旋轉魔方效果程式碼例項CSSS3
- CSS3實現的3D旋轉程式碼例項CSSS33D
- SVG 旋轉文字字元SVG字元
- css3實現旋轉的太極圖效果程式碼例項CSSS3
- CSS3 旋轉太極八卦圖程式碼例項CSSS3
- Java 設定Word文字框中的文字旋轉方向Java
- 神級程式設計師純css程式碼製作旋轉閃光球體,css程式碼超兩千行程式設計師CSS
- 判斷螢幕旋轉的事件程式碼事件
- autodesk-forge 模型旋轉程式碼模型
- C# 設定Word文字框中的文字旋轉方向C#
- CSS 3D旋轉效果CSS3D
- CSS3 旋轉魔方效果CSSS3
- CSS3動畫(360度旋轉、旋轉放大、放大、移動)CSSS3動畫
- CSS3實現的環形旋轉載入補全效果程式碼例項CSSS3
- 程式碼處理 iOS 的橫豎屏旋轉iOS
- 簡單的css3頭像旋轉與3D旋轉效果CSSS33D
- CSS文字:direction(轉)CSS
- css3實現滑鼠懸浮圖示旋轉高亮效果程式碼例項CSSS3
- 在網頁中怎樣使文字旋轉? (轉)網頁
- CSS文字模糊效果程式碼例項CSS
- css禁止文字縮放程式碼例項CSS
- CSS動畫之旋轉魔方輪播CSS動畫
- CSS3圖片旋轉效果CSSS3
- CSS3多面體旋轉效果CSSS3
- CSS3星系旋轉效果代CSSS3
- 變形元素旋轉css陰影CSS
- css3實現的旋轉的陀螺效果CSSS3
- CSS將英文字元轉換為小寫例項程式碼CSS字元
- 3D旋轉效果程式碼例項3D
- app直播原始碼,css預載入旋轉動畫 與 流光字型APP原始碼CSS動畫
- css3實現的立方體旋轉效果CSSS3
- css禁止選中指定文字程式碼例項CSS
- CSS多行文字垂直居中例項程式碼CSS
- css設定文字斜體程式碼例項CSS