你应该知道的关于SVG的一切
SVG,SVG总之就是.....OMG!SVG!. 将光标指向图片...简直就是魔术,图片可以移动,可以上色,可以描边。任何效果由你选择,让我们的代码让你休息一下。跟随我们的罗马之旅然后一起学习这些惊人的SVG图像。点击开始我们的路线,我们保证不会让你失望的。
开始开始探险:从米兰出发!
使用 tag img
行李都准备好了,所有人都满怀激动的准备好进入svg的世界旅行。在网络世界伟大的出现了矢量图图形,更加的稳定,具有可扩展性,以及对高分辨率的随意适应,文件大小也在一定程度上的优化。这就是矢量图形网站成功的原因。 总而言之,在线图像的时代已经到来!你会发现在这个网站上所有的图案都是由svg格式所创造的,我们是怎么做到的? 继续往下看,我们将向你介绍有多种方式达到的效果。你完全不用担心,开始享受只由img标签内所创造的绝妙图片吧。
阅读更多...高卢人征服罗马!
SVG线条
就这样?当然不是,还有很多东西值得去发现!我们开始探索SVG的潜在能力,你将会看到一个页面中插入它们第二种方式:这是直线排列方式,其计划将直接包括SVG代码插入到HTML代码。很简单,不是吗?
阅读更多...什么Codemotion开始
CSS动画
有人肯定要问为什么(有的时候)在网页面上拖动svg图像会产生很长的代码,有没有可能我们让它们减少一点呢?这样的话,我们可以发挥我们的想象力!通过创建图像的处理分组的某些元素,你可以配合他们的指令集,使它们动画。你还要问怎么实现的?显而易见,用CSS!
阅读更多...哪里有程序员,哪里就有咖啡
SVG线条画图
我们必须重申,唯一的限制就是你的想象力。特殊的效果和难忘的印象?完全没有问题,在它的创作过程中,只要特别准备的图像。准备好一条独一无二的描边,您可以实现所谓的“单线描”,与中风dashoffset.k SH性能试验。
阅读更多...从卡斯特罗利奥在马可尼
CSS的hover动画
要知道,很多时候在大城市,完全是地铁便利的交通拯救了城市拥挤问题,为了达到Codemotion是必不可少的。将鼠标移到车厢的侧面,并与我们分享!
阅读更多...羊肉,奶酪,辣椒...比萨!
滚动CSS动画
当然不能不对当地美食的深入细致的研究:羊肉,各类油炸食物,各类tonnarelli奶酪和胡椒,比萨,意式薄饼及面食都内置丰富的Codemotion期间提供的小吃!
阅读更多...回到米兰!
用GreenSock做js动画
遗憾的是,在精彩的旅行都有结束的时候:我们精彩的 SVG之旅也同样。之后我们做了小结,在网络动画的工作上,我们遇见了GreenSock,JavaScript库来管理先进的动画:当然,我们可以充分利用它来更丰富的效果添加到我们的SVG.
阅读更多...