摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> @keyframes bagua{ 25%{transform:translate(500px) rotate(360deg);} 阅读全文
posted @ 2016-08-07 21:56 xiaye 阅读(218) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> //动画旋转 @keyframes bagua{ 100%{transform:rotate(1080deg)} } //适配浏览 阅读全文
posted @ 2016-08-07 21:48 xiaye 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 边框图循环平铺(repeat); 边框图拉伸平铺(stretch) 阅读全文
posted @ 2016-08-07 21:39 xiaye 阅读(2094) 评论(0) 推荐(0) 编辑
摘要: 创造放射性渐变:context.createRadialGradient(x0,y0,r0,x1,y1,r1); 参数:x0:渐变的开始圆的 x 坐标, 参数:y0:渐变的开始圆的 y 坐标, 参数:r0:开始圆的半径, 参数:x1:渐变的结束圆的 x 坐标, 参数:y1:渐变的结束圆的 y 坐标, 阅读全文
posted @ 2016-08-07 21:32 xiaye 阅读(978) 评论(0) 推荐(0) 编辑
摘要: 1、选择器的优先级从高到低:ID、类、元素2、css扩展:选择器、框模型、背景和边框、颜色、字体、文字特效、2D/3D转换、动画、多列布局、用户界面。3、媒体查询:可以让你为不同的设备基于它们能力定义不同的样式。适合用于平板手机样式管理。4、last-child不一定会有,last-of-type一 阅读全文
posted @ 2016-08-07 21:14 xiaye 阅读(124) 评论(0) 推荐(0) 编辑