Ryan Yu iamryanyu
iamryanyu
/ gist:422fbd611126fd1977a608b823a02efc
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg class="icon icon-small icon-yellow"> | |
| <title>Lorikeet</title> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> |
iamryanyu
/ gist:769e2744df4dc4d862c58b40b7795f6e
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#" class="btn btn-small" aria-label="Lorikeet"> | |
| <svg class="icon icon-small icon-yellow" aria-hidden="true"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> | |
| </a> |
iamryanyu
/ gist:429551810f659384772ef7c9d0ef72e7
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#" class="btn btn-small"> | |
| <svg class="icon icon-small icon-yellow" aria-hidden="true"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> | |
| Lorikeet | |
| </a> |
iamryanyu
/ gist:fc93fa23dfc9e3178ea9a80b6550db90
Created
April 24, 2016 10:39
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var $graphLink = $('.graph__link'), | |
| $graphBarRed = $('.graph__bar--red'), | |
| $graphBarGreen = $('.graph__bar--green'), | |
| $graphBarYellow = $('.graph__bar--yellow'), | |
| $graphStarYellow = $('.graph__star--yellow'), | |
| $graphStarRed = $('.graph__star--red'), | |
| $graphStarGreen = $('.graph__star--green'); | |
| var graphTFOrigin = '50% bottom', | |
| graphDuration = 1.2; |
iamryanyu
/ gist:74ec53a337099cb68fb8b0f2135edc6b
Created
April 24, 2016 10:30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var $graphLink = $('.graph__link'), | |
| $graphBarRed = $('.graph__bar--red'), | |
| $graphBarGreen = $('.graph__bar--green'), | |
| $graphBarYellow = $('.graph__bar--yellow'), | |
| $graphStarRed = $('.graph__star--red'), | |
| $graphStarGreen = $('.graph__star--green'), | |
| $graphStarYellow = $('.graph__star--yellow'); | |
| $graphLink.hover(function() { | |
| TweenMax.to($graphBarRed, 1.2, { |
iamryanyu
/ gist:7f5cec334ddbb77f0e294dc8edf166fc
Created
April 24, 2016 10:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var $graphStarRed = $('.graph__star--red'), | |
| $graphStarGreen = $('.graph__star--green'), | |
| $graphStarYellow = $('.graph__star--yellow'); | |
| // hover over | |
| TweenMax.to($graphStarRed, 1.2, { | |
| y: -25, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); |
iamryanyu
/ gist:5bad414e9c19ef26bafb01471d68881d
Created
April 24, 2016 10:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
iamryanyu
/ gist:6ad3645bb6eb9f4a94b0d42a9e1f3d14
Created
April 24, 2016 10:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
iamryanyu
/ gist:176ca0976ac6c580d4c13c70cf6a547b
Created
April 24, 2016 10:11
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1.5, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 0.4, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) |
iamryanyu
/ gist:f10a1c3a5670ac87e0d0c0f66efc9154
Created
April 24, 2016 10:11
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1.5, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 0.4, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) |