html5
诸葛苍穹
...
展开
-
文章标题
前端开发网站原创 2015-11-06 19:11:57 · 249 阅读 · 0 评论 -
js 倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">原创 2017-11-26 22:01:06 · 253 阅读 · 0 评论 -
canvas把SVG渲染成图片
canvas把SVG渲染成图片<script type="text/javascript" src="http://canvg.github.io/canvg/rgbcolor.js"></script> <script type="text/javascript" src="http://canvg.github.io/canvg/StackBlur.js"></script><script原创 2016-12-02 20:12:45 · 1678 阅读 · 0 评论 -
文本域字数统计
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> textarea{ width: 20%; resize: none; border: 1px so原创 2016-10-20 19:39:05 · 1184 阅读 · 0 评论 -
登录页面
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ background-image: url("http://www.pptbz.com/pptpic/UploadFiles_6909/原创 2016-10-20 19:32:25 · 611 阅读 · 0 评论 -
canvas画钟表demo
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>钟表</title></head><body style="background: #000;"><canvas width="500" height="500" style="background: #fff;" id="cvs"></ca原创 2016-10-30 21:03:56 · 368 阅读 · 0 评论 -
canvas 画图板Demo
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""></head><body style="backgroun原创 2016-06-03 00:09:33 · 1093 阅读 · 0 评论 -
html5九宫格布局
<!DOCTYPE html><html><head><title>html5响应式九宫格</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width,height=device-height,inita原创 2016-03-18 13:15:29 · 9544 阅读 · 2 评论 -
html5动画
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">*{margin: 0;padding: 0;}.content{width: 200px; height: 200px;border-radius: 100px;ba原创 2015-12-15 18:08:03 · 260 阅读 · 0 评论 -
canvas画时钟
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <script> window.onload = function() {原创 2015-12-13 20:48:26 · 324 阅读 · 0 评论 -
3D轮播
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"/> <style type="text/css"> body{ margin: 0; padding: 0; } .main{原创 2015-12-13 20:44:09 · 341 阅读 · 0 评论 -
如何让IE9以下版本认识html5元素
<!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->原创 2015-12-13 21:13:03 · 320 阅读 · 0 评论 -
Bootstar常用样式表
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content=" device-width, initial-scale=1.0"><title>无标题文档</title><style>body{ ba原创 2015-11-11 16:41:49 · 664 阅读 · 0 评论 -
文章标题
机器猫<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>机器猫</title> <style>*{margin:0;padding: 0;}.top{ width: 500px; height: 500px; background: #fff; ma原创 2015-11-06 19:00:29 · 246 阅读 · 0 评论 -
文章标题
一个简单实用的手风琴效果<!DOCTYPE html><head><meta charset="gb2312"/><title></title><style>*{padding:0;margin:0;}.img{width:600px;height:320px;background:#000;}.img1{background:red;}.img2{background:green;原创 2015-11-06 18:48:34 · 322 阅读 · 0 评论 -
SVG:linearGradient渐变在直线上失效的问题解决方案
SVG:linearGradient渐变在直线上失效的问题解决方案SVG开发里有个较为少见的问题。对x1=x2或者y1=y2的直线(line以及path),比如:<path d="M200,10 200,100" stroke="url(#orange_red)"/>如果,stroke里使用的是渐变效果,那么,在各种浏览器上都会出现同一个BUG,这条线消失了。原因不...原创 2018-07-03 22:55:36 · 2995 阅读 · 1 评论