Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .image, .image.background-to-fill {
- transform:scale(0.6) translateY(0%) !important;
- -webkit-transform:scale(0.6) translateY(0%) !important;
- }
- .opening .alert-message {
- animation: alertSlideLeft 1.5s forwards;
- -webkit-animation: alertSlideLeft 1.5s forwards;
- }
- .opening .donator-message {
- animation: alertSlideRight 1.5s forwards;
- -webkit-animation: alertSlideRight 1.5s forwards;
- }
- .text-container {
- transform:skew(0,-5deg);
- -webkit-transform: skew(0,-5deg);
- }
- .message-container {
- background-color:rgba;
- box-shadow:0 0 0px rgba;
- }
- .message {
- padding:5px 0 10px 0;
- }
- .opening .message-container {
- animation: flipInX 0s;
- -webkit-animation: flipInX 0s;
- }
- .message > span {
- display:inline-block;
- animation: smoothTextSlide 8s forwards;
- -webkit-animation: smoothTextSlide 8s forwards;
- }
- .donator-message > span {
- display:inline-block;
- animation: smoothTextSlideBack 8s forwards;
- -webkit-animation: smoothTextSlideBack 8s forwards;
- }
- .closing .message-container {
- animation: flipOutX 0s;
- -webkit-animation: flipOutX 0s;
- }
- .closing .message {
- animation: slideOutRight 1s forwards;
- }
- .closing .donator-message {
- animation: slideOutLeft 1s forwards;
- }
- @keyframes smoothTextSlide {
- 0% {
- transform: translateX(-10%);
- }
- 100% {
- transform: translateX(5%);
- }
- }
- @-webkit-keyframes smoothTextSlide {
- 0% {
- -webkit-transform: translateX(-10%);
- }
- 100% {
- -webkit-transform: translateX(5%);
- }
- }
- @keyframes smoothTextSlideBack {
- 0% {
- transform: translateX(10%);
- }
- 100% {
- transform: translateX(-5%);
- }
- }
- @-webkit-keyframes smoothTextSlideBack {
- 0% {
- -webkit-transform: translateX(10%);
- }
- 100% {
- -webkit-transform: translateX(-5%);
- }
- }
- @keyframes alertSlideLeft {
- 0% {
- transform: translateX(-10%);
- }
- 100% {
- transform: translateX(0);
- }
- }
- @-webkit-keyframes alertSlideLeft {
- 0% {
- -webkit-transform: translateX(-10%);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
- }
- @keyframes alertSlideRight {
- 0% {
- transform: translateX(10%);
- }
- 100% {
- transform: translateX(0);
- }
- }
- @-webkit-keyframes alertSlideRight {
- 0% {
- -webkit-transform: translateX(10%);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
- }
- @-webkit-keyframes flipInXScale {
- 0% {
- -webkit-transform: perspective(400px) rotateX(90deg) scale(0) translateY(50%);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateX(-10deg) scale(0) translateY(50%);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateX(10deg) scale(0) translateY(50%);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateX(0deg) scale(0) translateY(50%);
- opacity: 1;
- }
- }
- @keyframes flipInXScale {
- 0% {
- transform: perspective(400px) rotateX(90deg) scale(0) translateY(50%);
- opacity: 0;
- }
- 40% {
- transform: perspective(400px) rotateX(-10deg) scale(0) translateY(50%);
- }
- 70% {
- transform: perspective(400px) rotateX(10deg) scale(0) translateY(50%);
- }
- 100% {
- transform: perspective(400px) rotateX(0deg) scale(0) translateY(50%);
- opacity: 1;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement