旋轉文字的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
- 箭頭旋轉程式碼
- SVG 旋轉文字字元SVG字元
- Java 設定Word文字框中的文字旋轉方向Java
- autodesk-forge 模型旋轉程式碼模型
- C# 設定Word文字框中的文字旋轉方向C#
- 簡單的css3頭像旋轉與3D旋轉效果CSSS33D
- CSS3動畫(360度旋轉、旋轉放大、放大、移動)CSSS3動畫
- CSS3多面體旋轉效果CSSS3
- CSS3星系旋轉效果代CSSS3
- CSS3圖片旋轉效果CSSS3
- 變形元素旋轉css陰影CSS
- pyc位元組碼文字轉python程式碼Python
- CSS動畫之旋轉魔方輪播CSS動畫
- CSS3旋轉載入等待效果CSSS3
- CSS3地月星系旋轉效果CSSS3
- css地球月亮太陽環繞旋轉CSS
- CSS3 loadding旋轉等待動畫CSSS3動畫
- ios一句程式碼搞定螢幕旋轉iOS
- 如何透過Python程式碼旋轉PDF頁面Python
- app直播原始碼,css預載入旋轉動畫 與 流光字型APP原始碼CSS動畫
- 使用css3做一個魔方旋轉的效果CSSS3
- CSS3滑鼠懸浮div旋轉效果CSSS3
- CSS3滑鼠懸浮圖示旋轉CSSS3
- HTML+CSS實現太極旋轉效果HTMLCSS
- [轉]旋轉矩陣:點旋轉和座標系旋轉矩陣
- 影片直播app原始碼,css預載入旋轉動畫與流光字型APP原始碼CSS動畫
- css多行文字垂直居中程式碼例項CSS
- CSS3旋轉大風車效果詳解CSSS3
- css3實現橢圓軌跡旋轉CSSS3
- 手寫一個使用css3旋轉硬幣的效果CSSS3
- CSS3文字凹凸效果程式碼例項CSSS3
- 三維座標系旋轉——旋轉矩陣到旋轉角之間的換算矩陣
- 百度旋轉驗證碼
- CSS3立方體3D旋轉效果CSSS33D
- 直播軟體原始碼,CSS3實現圖片立體旋轉動畫原始碼CSSS3動畫
- 小程式視訊旋轉的相關問題
- CSS3文字陰影效果程式碼例項CSSS3