CSS
文章平均质量分 75
普通网友
这个作者很懒,什么都没留下…
展开
-
css案例(一)
倾斜的导航钟表扇形导航原创 2017-07-29 12:17:50 · 264 阅读 · 0 评论 -
jquery 图片的尺寸来判断图片是横图还是竖图,判断过后给予不同的展示方式
Title * { margin: 0; padding: 0; } ul { list-style:none; margin: 0; padding: 0; } ul li {原创 2018-01-13 23:28:39 · 4135 阅读 · 0 评论 -
input type="flie" 图片上传 预览
隐藏input控件透明度opacity=0的办法,图片的预览实现原理使用了javascript里的createObjectURL方法。css部分: * { margin: 0; padding: 0; list-style: none; } body { position: relative;原创 2017-12-19 15:05:48 · 342 阅读 · 0 评论 -
canvas 基础
canvas 是一个二维网格获取canvas var c = document.getElementById('myCanvas');创建2d空间 var ctx = c.getContext('2d');设置颜色 ctx.fillStyle = "#000";定义矩形的填充方式 ctx.fillRect(x,y,width,height);can原创 2017-12-26 17:05:45 · 295 阅读 · 0 评论 -
css实现左边div固定宽度,右边div自适应撑满剩下的宽度
Title .use-float>div:first-child{ width:100px; float:left; background: red; } .use-float>div:last-child{ overflow:hidden;原创 2018-01-11 09:52:17 · 689 阅读 · 0 评论 -
自定义上传图片样式,同时实现多图片的上传和预览
功能:自定义上传按钮的样式,初始样式的透明度为0,设置自己想要的样式,同时可以实现上传图片的预览。原创 2017-12-25 18:24:55 · 1106 阅读 · 0 评论 -
自定义上传图片按钮 实现图片的预览和切换
功能:自定义上传按钮的样式,初始样式的透明度为0,设置自己想要的样式,同时可以实现上传图片的预览。原创 2017-12-25 18:14:54 · 812 阅读 · 0 评论 -
css案例(三)
苹果菜单案例:圆周运动,三维运动,sin函数的运动轨迹原创 2017-08-01 21:39:46 · 266 阅读 · 0 评论 -
css案例(二)
正方体的翻转3D轮播图实例animation:执行时间 延时 动画名称 执行次数翻转轮播的实现案例折纸导航案例原创 2017-07-30 18:52:32 · 280 阅读 · 0 评论 -
canvas 使绘制的图片在div 居中显示 ,解决绘图模糊问题
一:绘图在div 居中显示:首先把canvas当成未知的图片来处理,未知图片的居中显示如下:二:绘图模糊canvas作为画布,不能用css和style的方式设置宽高,他有自己特定的属性,width和height。不管当前的图片有多大,画布的宽高设置为图片的二倍,ctx.drawImge()绘制图片后,在用canvas的css再次定义,使其的宽高和图片大小一直,就可以解决canvas绘制原创 2018-01-19 18:29:18 · 5903 阅读 · 0 评论