[vc_row][vc_column][vc_tta_tabs active_section=”1″ no_fill_content_area=”true”][vc_tta_section title=”GSAP / Greensock Animation” tab_id=”gsap_greensock_animation” el_class=”btn-default-portfolio”][vc_row_inner][vc_column_inner][vc_custom_heading text=”GSAP + JavaScript animation” font_container=”tag:p|font_size:15|text_align:left|color:%23747474″ google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjExNzAlMjIlMjBoZWlnaHQlM0QlMjI4NDIlMjIlMjBjb250cm9scyUzRCUyMmNvbnRyb2xzJTIyJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwc3ljcmF5LmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGZ3NhcHdlYi0yMC0xMi0yMDIwLTEwLTIzLTMwLm1wNCUyMiUyMHByZWxvYWQlM0QlMjJhdXRvJTIyJTNFJTNDJTJGdmlkZW8lM0U=[/vc_raw_html][vc_separator][vc_custom_heading text=”GSAP Animation website” font_container=”tag:p|font_size:15|text_align:left|color:%23747474″ google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjExNzAlMjIlMjBoZWlnaHQlM0QlMjI4NDIlMjIlMjBjb250cm9scyUzRCUyMmNvbnRyb2xzJTIyJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwc3ljcmF5LmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGb2xpbXBpYy0yMC0xMi0yMDIwLTEwLTI1LTIzLm1wNCUyMiUyMHByZWxvYWQlM0QlMjJhdXRvJTIyJTNFJTNDJTJGdmlkZW8lM0U=[/vc_raw_html][vc_separator][vc_custom_heading text=”GSAP/ Greensock webpage banner” font_container=”tag:p|font_size:15|text_align:left|color:%23747474″ google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjExNzklMjIlMjBoZWlnaHQlM0QlMjI2NTAlMjIlMjBjb250cm9scyUzRCUyMmNvbnRyb2xzJTIyJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwc3ljcmF5LmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGaGVhZGVyLTEyLTIwMjAtMTAtMjktMDEubXA0JTIyJTIwcHJlbG9hZCUzRCUyMmF1dG8lMjIlM0UlM0MlMkZ2aWRlbyUzRQ==[/vc_raw_html][vc_separator][vc_custom_heading text=”GSAP / Greensock webpage header” font_container=”tag:p|font_size:15|text_align:left|color:%23747474″ google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjExNzAlMjIlMjBoZWlnaHQlM0QlMjI2MDAlMjIlMjBjb250cm9scyUzRCUyMmNvbnRyb2xzJTIyJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwc3ljcmF5LmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGYXJvbWEubXA0JTIyJTIwcHJlbG9hZCUzRCUyMmF1dG8lMjIlM0UlM0MlMkZ2aWRlbyUzRQ==[/vc_raw_html][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”GSAP+JavaScript Banners” tab_id=”gsap_javascript_banners” el_class=”btn-default-portfolio”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text css=”.vc_custom_1615239800245{margin-left: 10px !important;}”]Mouseover top red or bottom yellow
to starts two separate animations[/vc_column_text][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/svgbanners/page1.html” iframe_width=”widthpercent” iframe_height=”heightpixel” iframe_height_pixel=”610″][/vc_column_inner][vc_column_inner width=”1/3″][vc_btn title=”Reload” align=”center” custom_onclick=”true” custom_onclick_code=”document.getElementById(‘reload_gsap_js_banner2’).contentWindow.location.reload();” el_id=”reload_gsap_js_banner22″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/Greensock-FixedMelissa/index.html” iframe_width=”widthpixel” iframe_width_pixel=”160″ iframe_height=”heightpixel” iframe_height_pixel=”600″ el_id=”reload_gsap_js_banner2″][/vc_column_inner][vc_column_inner width=”1/3″][vc_btn title=”Reload” align=”center” custom_onclick=”true” custom_onclick_code=”document.getElementById(‘reload_gsap_js_banner3’).contentWindow.location.reload();”][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/svgbanners/250Ready2Loop/” iframe_width=”widthpercent” iframe_height=”heightpixel” iframe_height_pixel=”260″ el_id=”reload_gsap_js_banner3″][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”SVG logos” tab_id=”svg_logos” el_class=”btn-default-portfolio”][vc_row_inner][vc_column_inner width=”1/2″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation.html” iframe_height=”heightpixel” iframe_height_pixel=”420″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation2.html” iframe_height=”heightpixel” iframe_height_pixel=”420″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation4.html” iframe_height=”heightpixel” iframe_height_pixel=”420″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/animation6.html” iframe_height=”heightpixel” iframe_height_pixel=”500″][vc_column_text]Animated SVG logo with mouse over effect[/vc_column_text][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation8.html” iframe_height=”heightpixel” iframe_height_pixel=”500″][/vc_column_inner][vc_column_inner width=”1/2″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/orlando.html” iframe_height=”heightpixel” iframe_height_pixel=”420″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation3.html” iframe_height=”heightpixel” iframe_height_pixel=”420″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation5.html” iframe_height=”heightpixel” iframe_height_pixel=”420″][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation7.html” iframe_height=”heightpixel” iframe_height_pixel=”500″][vc_column_text]Animation starts on mouseover[/vc_column_text][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/logosvg/Animation9.html” iframe_height=”heightpixel” iframe_height_pixel=”200″][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”SVG web animations” tab_id=”svg_web_animations” el_class=”btn-default-portfolio reload_when_click”][vc_row_inner][vc_column_inner][vc_custom_heading text=”GreenSock SVG animation” font_container=”tag:p|font_size:15|text_align:left|color:%23747474″ google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal”][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/svgwebanimations/svg-animation-engine/index.html” iframe_height=”heightpixel” el_id=”jm-first-anim”][vc_custom_heading text=”GreenSock SVG animation with sound” font_container=”tag:p|font_size:15|text_align:left|color:%23747474″ google_fonts=”font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_btn title=”Reload” custom_onclick=”true” custom_onclick_code=”document.getElementById(‘jm-anim’).contentWindow.location.reload();”][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/svgwebanimations/svg_animation2/index.html” iframe_width=”widthpixel” iframe_width_pixel=”950″ iframe_height=”heightpixel” iframe_height_pixel=”500″ el_id=”jm-anim”][vc_btn title=”Reload” custom_onclick=”true” custom_onclick_code=”document.getElementById(‘jm-anim-bottle’).contentWindow.location.reload();” css=”.vc_custom_1615322353768{margin-top: 20px !important;}”][TS-VCSC-IFrame content_iframe=”https://psycray.com/gsapjs/bottle2/index.html” iframe_width=”widthpixel” iframe_width_pixel=”1000″ iframe_height=”heightpixel” iframe_height_pixel=”1000″ el_id=”jm-anim-bottle”][vc_raw_html]JTNDc2NyaXB0JTNFJTBBdmFyJTIwZWxzJTIwJTNEJTIwZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSUyOCUyMnZjX3R0YS10YWIlMjIlMjklM0IlMEFmb3IlMjh2YXIlMjBpJTIwJTNEJTIwMCUzQiUyMGklMjAlM0MlMjBlbHMubGVuZ3RoJTNCJTIwaSUyQiUyQiUyOSUwQSU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMGVscyU1QmklNUQuYWRkRXZlbnRMaXN0ZW5lciUyOCUyMmNsaWNrJTIyJTJDJTIwbXlTY3JpcHQlMjklM0IlMjAlMjAlMjAlMEElN0QlMEFmdW5jdGlvbiUyMG15U2NyaXB0JTI4ZSUyOSUwQSU3QiUyMCUwQXZhciUyMGxhYmwlMjAlM0QlMjAlMjclMjclM0IlMjAlMEFpZiUyOHR5cGVvZiUyMGUudGFyZ2V0LnRleHQlMjAlMjElM0QlM0QlMjAlMjd1bmRlZmluZWQlMjclMjklMEElN0IlMEElMjAlMjAlMjBsYWJsJTIwJTNEJTIwZS50YXJnZXQudGV4dCUzQiUwQSU3RCUwOSUwQWVsc2UlMEElN0IlMjAlMEElMjAlMjBpZiUyOHR5cGVvZiUyMGUudGFyZ2V0LnBhcmVudE5vZGUlMjAlMjElM0QlM0QlMjAlMjd1bmRlZmluZWQlMjclMjklMEElMjAlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjBsYWJsJTIwJTNEJTIwZS50YXJnZXQucGFyZW50Tm9kZS50ZXh0JTNCJTBBJTIwJTIwJTIwJTdEJTIwJTBBJTdEJTBBJTIwY29uc29sZS5sb2clMjhsYWJsJTIwJTI5JTNCJTBBJTIwaWYlMjhsYWJsLnRyaW0lMjglMjklMjAlM0QlM0QlMjAlMjdTVkclMjB3ZWIlMjBhbmltYXRpb25zJTI3JTI5JTIwJTBBJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIwZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQlMjglMjdqbS1hbmltJTI3JTI5LmNvbnRlbnRXaW5kb3cubG9jYXRpb24ucmVsb2FkJTI4JTI5JTNCJTBBJTIwJTIwJTIwJTIwJTIwZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQlMjglMjdqbS1maXJzdC1hbmltJTI3JTI5LmNvbnRlbnRXaW5kb3cubG9jYXRpb24ucmVsb2FkJTI4JTI5JTNCJTIwJTIwJTBBJTIwJTdEJTBBJTIwaWYlMjhsYWJsLnRyaW0lMjglMjklMjAlM0QlM0QlMjAlMjdHU0FQJTJCSmF2YVNjcmlwdCUyMEJhbm5lcnMlMjclMjklMjAlMEElMjAlN0IlMEElMjAlMjAlMjAlMjBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCUyOCUyN3JlbG9hZF9nc2FwX2pzX2Jhbm5lcjMlMjclMjkuY29udGVudFdpbmRvdy5sb2NhdGlvbi5yZWxvYWQlMjglMjklM0IlMjAlMjAlMjAlMjAlMEElMjAlN0QlMEElN0QlMEElMEElM0MlMkZzY3JpcHQlM0UlMEElM0NzdHlsZSUzRSUwQWRpdiUyM3JlbG9hZF9nc2FwX2pzX2Jhbm5lcjItcGFyZW50JTIwJTdCJTBBJTIwJTIwJTIwJTIwZGlzcGxheSUzQSUyMGJsb2NrJTNCJTBBJTIwJTIwJTIwJTIwbWFyZ2luJTNBJTIwMCUyMGF1dG8lM0IlMEElMjAlMjAlMjAlMjB0ZXh0LWFsaWduJTNBJTIwY2VudGVyJTNCJTBBJTdEJTBBaWZyYW1lJTIzcmVsb2FkX2dzYXBfanNfYmFubmVyMiUyMCU3QiUyMCUyMCUyMCUyMCUwQSUyMCUyMCUyMCUyMHBvc2l0aW9uJTNBJTIwaW5oZXJpdCUzQiUwQSU3RCUwQWRpdiUyM3JlbG9hZF9nc2FwX2pzX2Jhbm5lcjMtcGFyZW50JTIwJTdCJTBBJTIwJTIwJTIwJTIwZGlzcGxheSUzQSUyMHRhYmxlJTNCJTBBJTIwJTIwJTIwJTIwbWFyZ2luJTNBJTIwMCUyMGF1dG8lM0IlMEElMjAlMjAlMjAlMjB0ZXh0LWFsaWduJTNBJTIwY2VudGVyJTNCJTBBJTdEJTBBaWZyYW1lJTIzcmVsb2FkX2dzYXBfanNfYmFubmVyMyUyMCU3QiUwQSUyMCUyMCUyMCUyMHBvc2l0aW9uJTNBJTIwaW5oZXJpdCUzQiUwQSU3RCUwQSUzQyUyRnN0eWxlJTNF[/vc_raw_html][/vc_column_inner][/vc_row_inner][/vc_tta_section][/vc_tta_tabs][/vc_column][/vc_row]
