PluginProbe
BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites / trunk
BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites vtrunk
4.1.0 trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.1.0 1.1.1 1.1.2 1.2.0 1.2.1 1.2.2 1.2.3 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 2.1.2 2.5.0 2.5.3 2.6.1 All 38 releases
blockspare / dist / block_animation.css

block_animation.css in BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites trunk, at dist/block_animation.css

1 lines 7.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 body:not(.amp) .blockspare-block-animation{animation-fill-mode:forwards;animation-timing-function:ease-in;opacity:0}body:not(.amp) .blockspare-block-animation.animate-loop{animation-iteration-count:infinite}body:not(.amp) .blockspare-block-animation.AFTfadeIn{animation-duration:.75s;animation-name:AFTfadeIn}@keyframes AFTfadeIn{0%{opacity:0}to{opacity:1}}body:not(.amp) .blockspare-block-animation.AFTfadeInDown{animation-duration:.75s;animation-name:AFTfadeInDown}@keyframes AFTfadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body:not(.amp) .blockspare-block-animation.AFTfadeInLeft{animation-duration:.75s;animation-name:AFTfadeInLeft}@keyframes AFTfadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}body:not(.amp) .blockspare-block-animation.AFTfadeInRight{animation-duration:.75s;animation-name:AFTfadeInRight}@keyframes AFTfadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}body:not(.amp) .blockspare-block-animation.AFTfadeInUp{animation-duration:.75s;animation-name:AFTfadeInUp}@keyframes AFTfadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body:not(.amp) .blockspare-block-animation.AFTzoomIn{animation-duration:.75s;animation-name:AFTzoomIn}@keyframes AFTzoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}body:not(.amp) .blockspare-block-animation.AFTslideInLeft{animation-duration:.75s;animation-name:AFTslideInLeft}@keyframes AFTslideInLeft{0%{opacity:0;transform:translateX(-5em)}to{opacity:1;transform:translateX(0)}}body:not(.amp) .blockspare-block-animation.AFTslideInRight{animation-duration:.75s;animation-name:AFTslideInRight}@keyframes AFTslideInRight{0%{opacity:0;transform:translateX(5em)}to{opacity:1;transform:translateX(0)}}body:not(.amp) .blockspare-block-animation.AFTslideInBottom{animation-duration:.75s;animation-name:AFTslideInBottom}@keyframes AFTslideInBottom{0%{opacity:0;transform:translateY(5em)}to{opacity:1;transform:translateY(0)}}body:not(.amp) .blockspare-block-animation.AFTclipHorizontal{animation-duration:.75s;animation-name:AFTclipHorizontal}@keyframes AFTclipHorizontal{0%{-webkit-clip-path:polygon(0 50%,0 100%,0 100%,0 50%,100% 50%,100% 0,100% 0,100% 50%);clip-path:polygon(0 50%,0 100%,0 100%,0 50%,100% 50%,100% 0,100% 0,100% 50%);opacity:0}to{-webkit-clip-path:polygon(0 50%,0 100%,100% 100%,100% 50%,100% 50%,100% 0,0 0,0 50%);clip-path:polygon(0 50%,0 100%,100% 100%,100% 50%,100% 50%,100% 0,0 0,0 50%);opacity:1}}body:not(.amp) .blockspare-block-animation.AFTclipVertical{animation-duration:.75s;animation-name:AFTclipVertical}@keyframes AFTclipVertical{0%{-webkit-clip-path:polygon(50% 0,100% 0,100% 0,50% 0,50% 100%,0 100%,0 100%,50% 100%);clip-path:polygon(50% 0,100% 0,100% 0,50% 0,50% 100%,0 100%,0 100%,50% 100%);opacity:0}to{-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%,50% 100%,0 100%,0 0,50% 0);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%,50% 100%,0 100%,0 0,50% 0);opacity:1}}body:not(.amp) .blockspare-block-animation.AFTbounceIn{animation-duration:.75s;animation-name:AFTbounceIn}@keyframes AFTbounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}body:not(.amp) .blockspare-block-animation.AFTbounceInDown{animation-duration:.75s;animation-name:AFTbounceInDown}@keyframes AFTbounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body:not(.amp) .blockspare-block-animation.AFTbounceInLeft{animation-duration:.75s;animation-name:AFTbounceInLeft}@keyframes AFTbounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}body:not(.amp) .blockspare-block-animation.AFTbounceInRight{animation-duration:.75s;animation-name:AFTbounceInRight}@keyframes AFTbounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}body:not(.amp) .blockspare-block-animation.AFTbounceInUp{animation-duration:.75s;animation-name:AFTbounceInUp}@keyframes AFTbounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body:not(.amp) .blockspare-block-animation.AFTflipInX{animation-duration:.75s;animation-name:AFTflipInX;backface-visibility:visible}@keyframes AFTflipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{opacity:1;transform:perspective(400px) rotateX(0deg)}}body:not(.amp) .blockspare-block-animation.AFTflipInY{animation-duration:.75s;animation-name:AFTflipInY;backface-visibility:visible}@keyframes AFTflipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}body:not(.amp) .blockspare-block-animation.AFTlightSpeedIn{animation-duration:.75s;animation-name:AFTlightSpeedIn;animation-timing-function:ease-out}@keyframes AFTlightSpeedIn{0%{opacity:0;transform:translateX(100%) skewX(-30deg)}60%{opacity:1;transform:translateX(-20%) skewX(30deg)}80%{opacity:1;transform:translateX(0) skewX(-15deg)}to{opacity:1;transform:translateX(0) skewX(0deg)}}body:not(.amp) .blockspare-block-animation.AFTrotateIn{animation-duration:.75s;animation-name:AFTrotateIn}@keyframes AFTrotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center center}to{opacity:1;transform:rotate(0);transform-origin:center center}}body:not(.amp) .blockspare-block-animation.AFTrotateInDownLeft{animation-duration:.75s;animation-name:AFTrotateInDownLeft}@keyframes AFTrotateInDownLeft{0%{opacity:0;transform:rotate(-90deg);transform-origin:left bottom}to{opacity:1;transform:rotate(0);transform-origin:left bottom}}body:not(.amp) .blockspare-block-animation.AFTrotateInDownRight{animation-duration:.75s;animation-name:AFTrotateInDownRight}@keyframes AFTrotateInDownRight{0%{opacity:0;transform:rotate(90deg);transform-origin:right bottom}to{opacity:1;transform:rotate(0);transform-origin:right bottom}}body:not(.amp) .blockspare-block-animation.AFTrotateInUpLeft{animation-duration:.75s;animation-name:AFTrotateInUpLeft}@keyframes AFTrotateInUpLeft{0%{opacity:0;transform:rotate(90deg);transform-origin:left bottom}to{opacity:1;transform:rotate(0);transform-origin:left bottom}}body:not(.amp) .blockspare-block-animation.AFTrotateInUpRight{animation-duration:.75s;animation-name:AFTrotateInUpRight}@keyframes AFTrotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{opacity:1;transform:rotate(0);transform-origin:right bottom}}body:not(.amp) .blockspare-block-animation.AFTrollIn{animation-duration:.75s;animation-name:AFTrollIn}@keyframes AFTrollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}