前端学习
文章平均质量分 75
fanyuenan
这个作者很懒,什么都没留下…
展开
-
web前端开源小案例:立方体旋转
HTML部分: 舞台元素,设置perspective,让其子元素获得透视效果。--> 容器,设置transform-style: preserve-3d,让其子元素在3D空间呈现--> 1 立方体的六个面--> 2 3 4 5 6转载 2017-01-09 13:37:12 · 1458 阅读 · 0 评论 -
零基础自学前端 D3.js 初体验03 柱状图+排序
零基础自学前端 D3.js 初体验03 柱状图+排序 d3 排序 添加数据 var width = 1000, height = 400, dataset = [50, 90, 124, 86, 73, 64, 110,转载 2017-05-10 11:19:07 · 608 阅读 · 1 评论 -
零基础自学前端 D3.js 初体验03 柱状图+排序
零基础自学前端 D3.js 初体验03 柱状图+排序 d3 排序 添加数据 var width = 1000, height = 400, dataset = [50, 90, 124, 86, 73, 64, 110,转载 2017-05-10 11:18:54 · 705 阅读 · 0 评论 -
自学h5 来看看项目常见问题汇总及解决方案
其他meta标签转载 2017-05-16 11:05:19 · 627 阅读 · 0 评论 -
【签到有礼】课工场5月,签到的日子,春暖花开
5月到来,春暖花开,签到的日子里,我们一路,披荆斩棘,收获K币!【活动奖励】1. 5月份3、4、5号最接近下午四点签到的用户额外获得8K币。【已结束并公布】2. 5月份每周一最接近下午四点签到的用户额外获得8K币。3. 5月份无间断全勤签到,可获得“石榴花勋章”一枚;(5月30号晒图即可)4. 5月份累计签到23天以上,可凭借签到截图兑换4K币;(签到满转载 2017-05-11 14:28:48 · 439 阅读 · 0 评论 -
零基础学前端开发 色彩缤纷的Bottom Bar
零基础学前端开发 色彩缤纷的Bottom Bar Material BottomBar @keyframes morewidth { from { padding: 0 12px;转载 2017-05-11 11:27:45 · 344 阅读 · 0 评论 -
网页高级许愿墙开源代码
许愿墙 *{ margin:0px; padding:0px; } body{ background:-webkit-linear-gradient(top, rgb(203, 235, 219) 0%, rgb转载 2017-01-16 13:52:02 · 6006 阅读 · 0 评论 -
前端开源:导航中的中英文切换
中英切换导航条*{padding:0; margin:0;}li{ list-style:none; }a{ text-decoration:none;}.nav{ width:100%; height:40px;background:#222; margin-top:100px; overflow:hidden;}.list{ width:1000px; height:4转载 2017-01-16 13:50:21 · 2786 阅读 · 1 评论 -
教你玩一组奇妙的打字游戏
玩一组奇妙的打字游戏花小柒--> html, body { height: 100%; } body { background-color: #333; } div {转载 2017-01-11 10:23:12 · 431 阅读 · 0 评论 -
玩一组奇妙的打字游戏
玩一组奇妙的打字游戏花小柒--> html, body { height: 100%; } body { background-color: #333; } div {转载 2017-01-11 10:18:44 · 332 阅读 · 0 评论 -
前端必须会的基本知识题目
前端必须会的基本知识题目1. 常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Trident,Gecko,Presto,Webkit。2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8以下)(Q1) 行内元素:会在水平方向排列,不能包含块级元转载 2017-01-10 15:01:25 · 345 阅读 · 0 评论 -
canvas绘制吃豆鱼
canvas绘制吃豆鱼canvas吃豆鱼body{text-align:center;}canvas{background: #efefef;} 角度转为弧度:弧度=2*PI*角度/360=角度*PI/180画布的宽和高只能使用属性,不能使用样式-->var ctx=a1.getContext('2转载 2017-01-10 15:00:23 · 772 阅读 · 0 评论 -
赶紧来许愿:canvas流星雨的背景
赶紧来许愿:canvas流星雨的背景 一起来看流星雨 var context; var arr = new Array(); var starCount = 800; var rains = ne转载 2017-01-14 13:45:15 · 935 阅读 · 0 评论 -
3D动画效果照片墙demo
Title html, body { margin: 0; padding: 0; background-color: #29454d; /*禁止文字被选中*/ -moz-user-select: none;转载 2017-01-13 15:16:50 · 3159 阅读 · 0 评论 -
零基础学前端 两列布局左边固定右边自适应
零基础学前端 两列布局左边固定右边自适应.div1{position: absolute;width: 200px;height: 200px;background: darkcyan;}.div2{height: 200px;background: red;margin转载 2017-05-10 14:36:10 · 486 阅读 · 0 评论