2016年8月14日
摘要：
一. box-shadow(阴影效果)使用:box-shadow: 20px 10px 0 #000;-moz-box-shadow: 20px 10px 0 #000;-webkit-box-shadow: 20px 10px 0 #000;支持: FF3.5, Safari 4, Chrome 阅读全文
摘要：
-moz- 主要是firefox火狐 -webikt-主要是chrome谷歌, -o-主要是用于苹果机上的浏览器否则没有页面效果 阅读全文
摘要：
transition 属性是一个简写属性，用于设置四个过渡属性： transition-property transition-duration transition-timing-function transition-delay 默认值：all 0 ease 0 继承性：no 例子如下 把鼠标指 阅读全文
摘要：
animation 属性是一个简写属性，用于设置六个动画属性： 1 animation-name 2 animation-duration 3 animation-timing-function 4 animation-delay 5 animation-iteration-count 6 anim 阅读全文
摘要：
Transform的值主要包括 旋转rotate，扭曲skew，缩放scale，移动translate以及矩阵变形matrix 。 默认值：none 继承性：no 例子如下 阅读全文
摘要：
BFC是什么？ BFC（Block Formatting Context）直译为“块级格式化范围”。 是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Block Formatting Context提供了一个环 阅读全文
摘要：
HTML5 元素拖动 1、拖动元素img的相关设置： 设置元素可以拖动属性 draggable="true" 设置元素被拖动时触发的事件 ondragstart="drag(event)" 图片元素可拖动的完整代码 HTML： <img id="drag1" src="images/ycbt1.JP 阅读全文
摘要：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>css3八卦</title> <style> body{background-color: lightgray;} @-webkit-keyframes yid 阅读全文
摘要：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="mycas" width="400" height="400"></canvas> <d 阅读全文
摘要：
canvas 元素用于在网页上绘制图形。HTML5 的 canvas 元素使用 JavaScript 在网页上绘制2D图像。 在矩形区域的画布上，控制其每一像素，JavaScript 来绘制 2D图形，逐像素进行渲染。可以通过多种方法使用canvas 元素绘制路径、矩形、圆形、字符以及添加图像。 阅读全文