PluginProbe
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs / 5.0.1
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs v5.0.1
5.0.1 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 All 39 releases
blockspare / dist / block_animation.css

block_animation.css in BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs 5.0.1, 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)}}