Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .logoHot_anima {
- position: absolute;
- left: -5px;
- top: -10px;
- z-index: 999;
- width: 20px;
- animation: logoHot_anima 1s ease-in-out infinite;
- }
- @keyframes logoHot_anima {
- 0% {
- transform: rotate(0deg);
- }
- 25% {
- transform: rotate(8deg);
- }
- 50% {
- transform: rotate(-8deg);
- }
- 75% {
- transform: rotate(8deg);
- }
- 90% {
- transform: rotate(-8deg);
- }
- 100% {
- transform: rotate(0deg);
- }
- }
- @-webkit-keyframes effect-fire-animation-keyframes {
- 0% {
- box-shadow: 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em 0em 1.0em #F40;
- }
- 25% {
- box-shadow: 0 -0.05em 0.17em #FE0, 0.04em -0.12em 0.22em #FC0, 0.04em -0.13em 0.27em #F90, 0.05em -0.23em 0.33em #F70, 0.07em -0.28em 0.47em #F70, 0.1em 0.1em 0.8em #F50, 0.1em 0.1em 0.9em #F40;
- }
- 50% {
- box-shadow: 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em 0em 1.0em #F40;
- }
- 75% {
- box-shadow: 0 -0.06em 0.18em #FE0, 0.05em -0.15em 0.23em #FC0, 0.05em -0.15em 0.3em #F90, 0.07em -0.25em 0.4em #F70, 0.09em 0.1em 0.5em #F70, 0.1em 0.1em 0.9em #F50, 0.1em 0.1em 1.0em #F40;
- }
- 100% {
- box-shadow: 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em 0em 1.0em #F40;
- }
- }
- .effect-fire-animation {
- border-radius: 15px !important;
- -webkit-animation-duration: 0.8s;
- -webkit-animation-name: effect-fire-animation-keyframes;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement