登录 | 注册
全部  转载 · 原创 · 教程 · 笔记 
SVG基础|SVG DEFS元素、SYMBOL元素和USE元素
转载SVG基础|SVG DEFS元素、SYMBOL元素和USE元素

  SVG DEFS元素   SVG的元素用于预定义一个元素使其能够在SVG图像中重复使用。例如你可以将一些图形制作为一个组,并用 元素来定义它,然后你就可以在SVG图像中将它当做简单图形来重

张吉爽 2016-12-28 16:08 阅读(17) 评论( 收藏(0)

SVG基础|SVG和CSS级联样式表
转载SVG基础|SVG和CSS级联样式表

  我们可以使用CSS来为SVG图形添加样式。给SVG图形添加样式就是改变它们的外观,可以修改描边颜色和宽度,填充颜色,透明度等等。   我们可以使用6种方式来为SVG图形添加样式。我们将会在本文介绍

张吉爽 2016-12-28 16:08 阅读(19) 评论( 收藏(0)

SVG基础|SVG图形描边
转载SVG基础|SVG图形描边

  SVG的描边属性stroke用于定义图形的描边样式。stroke是一个基本的SVG CSS属性,你可以为任何SVG图形设置描边样式。   STYLE属性   我们可以在SVG图形中使用style属性来为图形设置描边和填充等

张吉爽 2016-12-28 16:08 阅读(24) 评论( 收藏(0)

SVG基础|SVG VIEWPORT、VIEW BOX和PRESERVEASPECTRATIO
转载SVG基础|SVG VIEWPORT、VIEW BOX和PRESERVEASP

  SVG图像的viewport和viewBox用于设置图像可见区域的大小。   SVG VIEWPORT   viewport是SVG图像的可见区域。一个SVG图像理论上可以无限大,但是在同一时刻只有图像的某些部分可以被看见。这

张吉爽 2016-12-28 16:08 阅读(18) 评论( 收藏(0)

SVG基础|SVG图形填充颜色
转载SVG基础|SVG图形填充颜色

  SVG的填充是指在图形的描边内部填充指定的颜色。通过fill SVG CSS属性,我们可以为任何SVG图形填充颜色。   填充颜色示例   SVG的填充颜色是将颜色填充到SVG图形描边的里面。下面是一个例子

张吉爽 2016-12-28 16:08 阅读(20) 评论( 收藏(0)

jQuery超酷3D包装盒封面旋转特效
转载jQuery超酷3D包装盒封面旋转特效

  简要教程   3DCoverjQuery是一款效果非常炫酷的3D包装盒封面旋转jQuery特效插件。通过这个插件,你可以很轻易的将图片制作为DVD,XBOX,游戏和书本的封面,并且可以旋转封面来查看它的正面和反面。

张吉爽 2016-12-28 16:08 阅读(10) 评论( 收藏(0)

SVG进阶|SVG渐变(SVG GRADIENTS)
转载SVG进阶|SVG渐变(SVG GRADIENTS)

  SVG渐变是填充SVG图形的一种方法。通过填充渐变色,可以使SVG图形的填充色或描边色由一种颜色过渡到另一种颜色。在某些时候对SVG图形填充渐变色可以得到非常好看的效果。   SVG渐变的例子   下

张吉爽 2016-12-28 16:08 阅读(8) 评论( 收藏(0)

SVG基础|SVG坐标系统和图形转换
转载SVG基础|SVG坐标系统和图形转换

  SVG坐标系统   坐标系统   一个普通的笛卡尔坐标系统的坐标原点(0,0)位于左下角位置,X轴方向上向右是正值,向左是负值。Y轴方向上向上是正值,向下是负值。如下图所示:   而SVG的坐

张吉爽 2016-12-28 16:08 阅读(5) 评论( 收藏(0)

SVG进阶|SVG过滤器(SVG Filters)
转载SVG进阶|SVG过滤器(SVG Filters)

  SVG过滤器可以为SVG图形添加一些非常酷的效果,如阴影、模糊和高光等效果。   SVG过滤器的例子   先来看一个简单的SVG过滤器的例子,直观的感受一些它的效果:

张吉爽 2016-12-28 16:08 阅读(13) 评论( 收藏(0)

7种炫酷HTML5 SVG液态水滴融合动画特效
转载7种炫酷HTML5 SVG液态水滴融合动画特效

这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效。这些SVG动画特效使一些HTML元素,如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合分解,效果非常的酷。 在

张吉爽 2016-12-20 15:11 阅读(105) 评论( 收藏(0)

热门文章

浏览器的渲染原理简介
 阅读(160)张吉爽 2017-11-09 11:09

优就业网页特效教程-15款很实用的 SASS 和 Compas
 阅读(40)张吉爽 2017-12-27 15:28

阿里前端的困局与突围
 阅读(10)张吉爽 2017-10-16 18:21

浏览器的重绘与重排
 阅读(19)张吉爽 2017-10-24 11:30

多屏移动端网站开发需要注意的十大技巧
 阅读(63) 2015-08-15 09:51

推荐阅读
最新评论
更多>热门标签
 
 

咨询中心

优就业微信扫一扫
微信扫一扫

400-650-7353

加入官方微博