[jQuery] Re: Does jquery have a plugin to do this?
paulswansea wrote: Hi, I'm looking for a jquery plugin that does the 'rays' effect on http://scripty2.com/ i've had a look, but can't seem to find anything, I was wondering if anyone had come across something like this before? Looking at the generated code, it's an svg which is being transformed by changing the values in rotate(). svg width=700 height=700defsradialgradient id=raphael-gradient-0stop offset=0% stop-color=#9ed356/stop offset=100% stop-color=#97be63 stop-opacity=0//radialgradient/defspath fill=url(#raphael-gradient-0) stroke=none style=opacity: 1; opacity=1 fill-opacity=1 d=M350.000 350.000 L350.000 350.000 L700.000 350.000 L694.683 289.223 L350.000 350.000 L678.892 230.293 L653.109 175.000 L350.000 350.000 L618.116 125.024 L574.976 81.884 L350.000 350.000 L525.000 46.891 L469.707 21.108 L350.000 350.000 L410.777 5.317 L350.000 0.000 L350.000 350.000 L289.223 5.317 L230.293 21.108 L350.000 350.000 L175.000 46.891 L125.024 81.884 L350.000 350.000 L81.884 125.024 L46.891 175.000 L350.000 350.000 L21.108 230.293 L5.317 289.223 L350.000 350.000 L0.000 350.000 L5.317 410.777 L350.000 350.000 L21.108 469.707 L46.891 525.000 L350.000 350.000 L81.884 574.976 L125.024 618.116 L350.000 350.000 L175.000 653.109 L230.293 678.892 L350.000 350.000 L289.223 694.683 L350.000 700.000 L350.000 350.000 L410.777 694.683 L469.707 678.892 L350.000 350.000 L525.000 653.109 L574.976 618.116 L350.000 350.000 L618.116 574.976 L653.109 525.000 L350.000 350.000 L678.892 469.707 L694.683 410.777 Z transform=rotate(499.793, 350, 350)//svg So the only thing you really need js for is the animation, which you can easily do without even using a framework. Keep in mind that this thing probably only works in the most recent versions of Safari , Chrome and Firefox Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: Does jquery have a plugin to do this?
works in IE as well, using rvml instead of svg. Jonathan Vanherpe (T T NV) wrote: paulswansea wrote: Hi, I'm looking for a jquery plugin that does the 'rays' effect on http://scripty2.com/ i've had a look, but can't seem to find anything, I was wondering if anyone had come across something like this before? Looking at the generated code, it's an svg which is being transformed by changing the values in rotate(). svg width=700 height=700defsradialgradient id=raphael-gradient-0stop offset=0% stop-color=#9ed356/stop offset=100% stop-color=#97be63 stop-opacity=0//radialgradient/defspath fill=url(#raphael-gradient-0) stroke=none style=opacity: 1; opacity=1 fill-opacity=1 d=M350.000 350.000 L350.000 350.000 L700.000 350.000 L694.683 289.223 L350.000 350.000 L678.892 230.293 L653.109 175.000 L350.000 350.000 L618.116 125.024 L574.976 81.884 L350.000 350.000 L525.000 46.891 L469.707 21.108 L350.000 350.000 L410.777 5.317 L350.000 0.000 L350.000 350.000 L289.223 5.317 L230.293 21.108 L350.000 350.000 L175.000 46.891 L125.024 81.884 L350.000 350.000 L81.884 125.024 L46.891 175.000 L350.000 350.000 L21.108 230.293 L5.317 289.223 L350.000 350.000 L0.000 350.000 L5.317 410.777 L350.000 350.000 L21.108 469.707 L46.891 525.000 L350.000 350.000 L81.884 574.976 L125.024 618.116 L350.000 350.000 L175.000 653.109 L230.293 678.892 L350.000 350.000 L289.223 694.683 L350.000 700.000 L350.000 350.000 L410.777 694.683 L469.707 678.892 L350.000 350.000 L525.000 653.109 L574.976 618.116 L350.000 350.000 L618.116 574.976 L653.109 525.000 L350.000 350.000 L678.892 469.707 L694.683 410.777 Z transform=rotate(499.793, 350, 350)//svg So the only thing you really need js for is the animation, which you can easily do without even using a framework. Keep in mind that this thing probably only works in the most recent versions of Safari , Chrome and Firefox Jonathan
[jQuery] Re: Does jquery have a plugin to do this?
Yeah, I noticed. pretty neat. Liam Potter wrote: works in IE as well, using rvml instead of svg. Jonathan Vanherpe (T T NV) wrote: paulswansea wrote: Hi, I'm looking for a jquery plugin that does the 'rays' effect on http://scripty2.com/ i've had a look, but can't seem to find anything, I was wondering if anyone had come across something like this before? Looking at the generated code, it's an svg which is being transformed by changing the values in rotate(). svg width=700 height=700defsradialgradient id=raphael-gradient-0stop offset=0% stop-color=#9ed356/stop offset=100% stop-color=#97be63 stop-opacity=0//radialgradient/defspath fill=url(#raphael-gradient-0) stroke=none style=opacity: 1; opacity=1 fill-opacity=1 d=M350.000 350.000 L350.000 350.000 L700.000 350.000 L694.683 289.223 L350.000 350.000 L678.892 230.293 L653.109 175.000 L350.000 350.000 L618.116 125.024 L574.976 81.884 L350.000 350.000 L525.000 46.891 L469.707 21.108 L350.000 350.000 L410.777 5.317 L350.000 0.000 L350.000 350.000 L289.223 5.317 L230.293 21.108 L350.000 350.000 L175.000 46.891 L125.024 81.884 L350.000 350.000 L81.884 125.024 L46.891 175.000 L350.000 350.000 L21.108 230.293 L5.317 289.223 L350.000 350.000 L0.000 350.000 L5.317 410.777 L350.000 350.000 L21.108 469.707 L46.891 525.000 L350.000 350.000 L81.884 574.976 L125.024 618.116 L350.000 350.000 L175.000 653.109 L230.293 678.892 L350.000 350.000 L289.223 694.683 L350.000 700.000 L350.000 350.000 L410.777 694.683 L469.707 678.892 L350.000 350.000 L525.000 653.109 L574.976 618.116 L350.000 350.000 L618.116 574.976 L653.109 525.000 L350.000 350.000 L678.892 469.707 L694.683 410.777 Z transform=rotate(499.793, 350, 350)//svg So the only thing you really need js for is the animation, which you can easily do without even using a framework. Keep in mind that this thing probably only works in the most recent versions of Safari , Chrome and Firefox Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be