CSS3鼠標懸停div內容平面上360度旋轉
效果如下:body { background:#ddd;}.keleyi { width: 220px; height: 220px; margin: 0 auto; b
CSS3 transform 屬性
定義和用法transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。一個綜合例子:http:///a/bjad/b6x9q
CSS3 border-radius 屬性
定義和用法border-radius 屬性是一個簡寫屬性,用於設置四個 border-*-radius 屬性。其中border-*-radius包括:border-top
HTML5視頻格式
Web 上的視頻今天,大多數視頻是通過插件(比如 Flash)來顯示的。然而,並非所有浏覽器都擁有同樣的插件。HTML5 規定了一種通過 video 元素來包含視頻的標准
viewport 語法介紹
互聯網發展越來越快,各種技術層出不窮,其中各種設備的顯示尺寸分辨率大小不一,這也是目前我們前端人員比較糾結的問題:如何一次開發,在不同的界面都能友好顯示呢!幸好HTML5
HTML5新的DOCTYPE和字符集
HTML5設計准則化繁為簡,Web頁面的DOCTYPE被極大的簡化了。HTML4 DOCTYPE<!DOCTYPE HTML PUBLIC "-//W3C
HTML5變色噴霧進度條
查看效果:http:///keleyi/phtml/html5/26.htm全屏寬度效果:http:///keleyi/phtml/html5/26b.htm完整代碼如下
十條HTML5知識問答
1、新的 HTML5 文檔類型和字符集是?HTML5 文檔類型很簡單:<!doctype html>HTML5 使用 UTF-8 編碼示例:<meta
解決使用HTML5的drawImage方法遇到的問題
使用Image遇到的問題:<!DOCTYPE html><html> <head> <meta charse
HTML5 <details> 標簽
HTML5 中新增的<details>標簽允許用戶創建一個可展開折疊的元件,讓一段文字或標題包含一些隱藏的信息。用法一般情況下,details用來對顯示在頁面
HTML5中input元素的新屬性color
請使用支持HTML5的浏覽器查看本頁。實際應用:http:///tool/color.htmHTML5的input元素的type屬性增加了不少可能值,color就是一個,
HTML5中input元素新增的屬性
功能豐富的input元素color:讓<input.../>元素生成一個顏色選擇器date:讓<input.../>元素生成一個時間選擇器time
html5各種頁面切換效果和模態對話框
頁面動畫:data-transition 屬性可以定義頁面切換是的動畫效果。例如:<a href="index.html" data-trans
純html5實現的人跑步動畫
效果查看:http:///keleyi/phtml/html5/27.htm代碼如下啊:<!DOCTYPE html><html><head
js+html5栩栩如生的星系
2015元旦來個炫的html5特效效果網址:http:///keleyi/phtml/html5/5.htm代碼:<!DOCTYPE html><htm
CSS3鼠標懸停圖片顯示動畫邊框
效果體驗:http:///keleyi/phtml/css3/14.htm以下是代碼:<!DOCTYPE html><html xmlns="
模擬蘋果ios整屏切換效果
效果體驗:http:///keleyi/phtml/html5/28.htm以下是代碼:<!doctype html><html><head
HTML5/CSS3生日蛋糕動畫
在線預覽:http:///keleyi/phtml/html5/29.htm代碼如下:<!DOCTYPE html><html><head&
HTML5基礎知識之新標簽
創建一個html5頁面<!DOCTYPE html><html> <head> <meta charset="UTF
為元素添加html5魔幻特效
體驗效果:http:///keleyi/phtml/html5/30.htmhtml代碼:<!DOCTYPE html><html><hea