06 2017 档案

svg实现放大效果
摘要：svg实现放大效果 在ai上写几个字 例如： svg代码： XMLID_57_{ animation:zizou 3s; } @keyframes zizou{ from{ transform:scale(1.0); } to{ transform:scale(1.2); } } XMLID_65_ 阅读全文
posted @ 2017-06-30 16:03 师妹儿 阅读(3939) 评论(0) 推荐(0)
svg实现简单沙漏旋转
摘要：svg实现简单沙漏 先画一个简单的沙漏 例如： svg代码： .timerWrap { position: relative; animation: timerRotate 1s infinite ease; width: 120px; height: 160px; margin: auto; to 阅读全文
posted @ 2017-06-30 15:06 师妹儿 阅读(998) 评论(1) 推荐(0)
svg制作风车旋转
摘要：首先用ai画一个简单的风车 例如： svg代码： 接下来看完整的代码： <!DOCTYPE html svg{ width: 500px; height: 800px; border: 1px solid ccc; display: block; margin: 0 auto; } <! Gener 阅读全文
posted @ 2017-06-30 09:11 师妹儿 阅读(1705) 评论(0) 推荐(0)
SVG制作简单的图形
摘要：圆形 circle 矩形 rect 椭圆 ellipse 线 line 折线 polyline 多边形 polygon 路径 path 可用于路径数据的命令 M = moveto L = lineto H = horizontal lineto V = vertical lineto C = cur 阅读全文
posted @ 2017-06-27 19:36 师妹儿 阅读(1230) 评论(0) 推荐(1)
SVG的简单介绍
摘要：1.SVG 是用XML格式定义的矢量图。 2.文件体积小，能够被大量的压缩。 3.图片可无限放大而不失真(矢量图的基本特征)。 4.在视网膜显示屏上效果极佳。 5.能够实现互动和滤镜效果。 6.svg元素里提供了“width”和“height”两个属性来定义SVG图片的高度和宽度。 7.fill属性 阅读全文
posted @ 2017-06-27 18:55 师妹儿 阅读(366) 评论(0) 推荐(0)
jquery实现某宝放大点击切换
摘要：html代码 < > css代码 { margin: 0; padding:0; } li{ list style: none; } .boss{ position:relative; width: 350px; } .bigimg{ width: 350px; border: 1px 阅读全文
posted @ 2017-06-05 21:21 师妹儿 阅读(329) 评论(0) 推荐(0)