2017年6月30日
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 师妹儿 阅读(3910) 评论(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 师妹儿 阅读(951) 评论(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 师妹儿 阅读(1641) 评论(0) 推荐(0) 编辑