CSS3實現的頁面反轉效果
頁面反轉效果在實際應用中不太常見,不過也並非沒有,下面分享一段利用CSS3實現的此效果,寄希望能夠給需要的朋友帶來一定的幫助,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> html{filter:fliph} body { -webkit-transform:rotateY(180deg); -moz-transform:skew(0deg, 180deg) scale(-1, 1); -o-transform:skew(0deg, 180deg) scale(-1, 1); transform:rotateY(180deg); } </style> </head> <body> 螞蟻部落歡迎您。 </body> </html>
相關文章
- CSS3實現的頁面載入等待效果CSSS3
- CSS3頁面開關燈效果CSSS3
- css3實現的旋轉的陀螺效果CSSS3
- css3實現的立方體旋轉效果CSSS3
- 利用jQuery實現頁面漸顯效果jQuery
- Unix檔案系統頁面監控實現-效果頁面
- SVG 動畫實現彈性的頁面元素效果SVG動畫
- JavaScript 頁面跳轉效果JavaScript
- css3實現環狀旋轉效果CSSS3
- CSS3實現的3D旋轉效果CSSS33D
- css3實現的旋轉載入等待效果CSSS3
- CSS實現頁面切換時的滑動效果CSS
- CSS3邊框旋轉動畫實現效果CSSS3動畫
- jQuery和css3實現的摩天輪旋轉效果jQueryCSSS3
- CSS3實現的小球旋轉載入等待效果CSSS3
- H5頁面滾動阻尼效果實現H5
- vue中頁面載入進度條效果的實現Vue
- 實現頁面載入的變換和位移動畫效果動畫
- 倒數計時指定時間之後實現頁面跳轉效果
- PHP中實現頁面跳轉PHP
- css3實現翻牌效果CSSS3
- css3實現的矩形切角效果CSSS3
- css3實現的3D立體旋轉效果CSSS33D
- css3實現的旋轉魔方效果程式碼例項CSSS3
- css3實現的loadding旋轉載入效果CSSS3
- css3實現的立方體3D旋轉效果CSSS33D
- 滑鼠雙擊頁面實現自動滾動效果
- 用Unity實現彈反效果Unity
- css3帶你實現3D轉換效果CSSS33D
- css3實現旋轉loadding載入效果CSSS3
- js和css3實現360旋轉滾動效果JSCSSS3
- css3實現的書本立體翻頁效果程式碼例項CSSS3
- CSS3實現的div元素旋轉一定角度效果CSSS3
- css3實現的簡單動畫效果CSSS3動畫
- css3實現的紅心跳動效果CSSS3
- vue路由切換滑動效果 vue頁面跳轉互動 vue實現動畫跳轉Vue路由動畫
- android 全域性頁面滑動返回聯動效果的實現Android
- CSS3實現王者榮耀匹配人員載入頁面CSSS3