HTML5演示模板
按→键 进入下一页
请使用Google Chrome浏览。在演示中遇到问题？阅读 免责声明 下载地址
此乃首页
HTML5*
新的演示体验
- 无格式
- 文字加框
- 使用本地没有的字体 Font
- 文字加边线
图片
视频和音乐
透明效果
color: rgba(255, 0, 0, 0.75); background: rgba(0, 0, 255, 0.75);
Independent opacity
圆角效果
border-radius: 0px;
Example
渐变效果
background: -webkit-gradient(linear, left top, left bottom,
from(#00abeb), to(white),
color-stop(0.5, white), color-stop(0.5, #66cc00))
background: -webkit-gradient(radial, 430 50, 0, 430 50, 200, from(red), to(#000))
阴影效果
text-shadow: rgba(64, 64, 64, 0.5) 0px 0px 0px; box-shadow: rgba(0, 0, 128, 0.25) 0px 0px 0px;
拖拽出Logo
text-shadow: rgba(0, 0, 0, 0.5) 0 0px 0px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 240, 0)), to(rgba(255, 255, 255, 0))); border-radius: 0px; -webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0)));
Web 2.0 Logo Creatr
JS类库使用
你可以使用Javascript类库可以达到更多炫酷效果
手风琴效果
标题一
The first suggestion that all organisms may ha Lorem ipsum dolor sit amet,
标题二
The first suggestion that all organisms may ha Lorem ipsum dolor sit amet,
如何使用
- 现代浏览器
- 手机浏览器
- Chrome extensions/Firefox Jetpack