dimanche 6 mars 2016
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
<defs>
<radialGradient id="star_grad">
<stop offset="0%" style="stop-color: #faf589;"/>
<stop offset="50%" style="stop-color: #fbf300;"/>
<stop offset="100%" style="stop-color: #fbbc00;"/>
</radialGradient>
<filter id="star_filter">
<feTurbulence baseFrequency=".04" result="ripples">
<animate attributeName="baseFrequency" attributeType="XML" id="target" type="baseFrequency" dur="4s" repeatCount="indefinite" values="0.06;0.05;0.06" />
</feTurbulence>
<feMerge>
<feMergeNode in="SourceGraphic" />
<feMergeNode in="ripples" />
</feMerge>
</filter>
</defs>
<circle cx="100" cy="100" r="50" style="fill: url(#star_grad); filter: url(#star_filter);" />
</svg>
-
Animation attribute (width, opacity, etc.) <animate attributeName="?" begin="0s" dur="6s" repeatCount...
-
Generate