摘要:
一. 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 元素绘制路径、矩形、圆形、字符以及添加图像。 阅读全文