Internet Explorer 11 Choppy scaling animation:
{rotationZ: '0.01deg'}
Button bounces: .to(cta, 0.35, {scale: 1.085, repeat: 3, ease: Power2.easeOut, force3D:true, yoyo:true}, "+=1")
| // Hide elements before running animations | |
| var banner = $("#banner"); | |
| gsap.set(banner, { alpha: 0 }); | |
| if (Enabler.isInitialized()) { | |
| init(); | |
| } else { | |
| Enabler.addEventListener(studio.events.StudioEvent.INIT, init); | |
| } |
Internet Explorer 11 Choppy scaling animation:
{rotationZ: '0.01deg'}
Button bounces: .to(cta, 0.35, {scale: 1.085, repeat: 3, ease: Power2.easeOut, force3D:true, yoyo:true}, "+=1")
| import gulp from 'gulp'; | |
| import browserSync from 'browser-sync'; | |
| import notify from "gulp-notify"; | |
| const server = browserSync.create(); | |
| function reload(done) { | |
| server.reload(); | |
| done(); | |
| } |
| // Replace letters | |
| @function str-replace($string, $search, $replace: '') { | |
| $index: str-index($string, $search); | |
| @if $index { | |
| @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); | |
| } | |
| @return $string; | |
| } |
| <video width="1280" height="720" class="video" preload="metadata" id="js-videoslide" muted playsinline @(videoslide.Loop ? "loop" : "")> | |
| <source src="@videoslide.Video.GetImageUrl()" type="video/mp4"> | |
| </video> | |
| if (videoslide.ShowSoundButton) | |
| { | |
| <div class="slide-video-controls"> | |
| <button class="video-sound-button"></button> | |
| <button id="js-videopausebtn">Pause/Play</button> | |
| </div> | |
| } |