摘要: jQuery箭头切换图片 布局 3d位移 变形原点 jQuery transform:translate3d(x,y,z); x 代表横向坐标移向量的长度 y 代表纵向坐标移向量的长度 z 代表Z轴移向量的长度 取值不可为百 scale() 缩放 transform-origin:0 50%; to 阅读全文
posted @ 2017-05-27 19:03 唯爱小面包 阅读(1201) 评论(0) 推荐(0) 编辑
摘要: 圆角边框以及阴影制作卡片式图片 圆角边框 border-radius 卡片使用阴影 box-shadow 利用阴影给图片底部创造一个长方形 内部的元素会直接覆盖整个阴影 HTML 部分 CSS 部分 图片展示 此文到此结束 此文参考链接 http://www.w3school.com.cn/cssr 阅读全文
posted @ 2017-05-26 22:02 唯爱小面包 阅读(1216) 评论(0) 推荐(0) 编辑
摘要: HTMLcanvas矩形阵雨 在画布上执行 获取制图环境 全屏获取屏幕宽度和屏幕高度 确定每个文字的宽度 以确定列 循环输出 定时器调用 HTML 部分 CSS 部分 Javascript 部分 此文到此结束 我始终相信这个世界上充满了美好与希望 加油! 阅读全文
posted @ 2017-05-26 00:34 唯爱小面包 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 六边形 今天看到别人分享的六边形学习 自己也试着做了一下 原理: 图片旋转 transfrom:rotate(120deg); 溢出隐藏 overflow:hidden; 我们要用三层div来实现旋转效果 第一次 rotate(120deg) 第二次 rotate(-60deg) 第三次 rotat 阅读全文
posted @ 2017-05-25 18:18 唯爱小面包 阅读(485) 评论(0) 推荐(0) 编辑