.$ { -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: linear; box-shadow:0px 0 0 #ece2e1 inset;} .$:hover{-webkit-box-shadow: -500px 0 0 #ece2e1 inset;}

.$ {animation: wiggle 2s linear infinite;} @keyframes wiggle { 0%, 7% {transform: rotateZ(0);} 15% {transform: rotateZ(-15deg);} 20% {transform: rotateZ(10deg);} 25% { transform: rotateZ(-10deg);} 30% {transform: rotateZ(6deg);} 35% {transform: rotateZ(-4deg);} 40%, 100% {transform: rotateZ(0);}}

.$ {animation-name: shake; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: ease-in;} @keyframes shakeAnim {0% {left: 0}1% {left: -3px}2% {left: 5px}3% {left: -8px}4% {left: 8px}5% {left: -5px}6% {left: 3px}7% {left: 0}}

.$ {animation: hu__hu__ infinite 2s ease-in-out} @keyframes hu__hu__ {50% { transform: translateY(30px)}}

.$ {filter: drop-shadow(1px 1px 2px #000000);}

.$ :hover{-webkit-transform: scale(1.1);transform: scale(1.1);}

.$ { text-decoration-line: underline; text-decoration-color: red; text-decoration-style: dotted; }

.$:hover{ -webkit-transform: rotate(-10deg);}

.$:hover{ -webkit-transform: rotate(10deg);}

.$ { position: relative; text-transform: uppercase; letter-spacing: 2px; background: linear-gradient(90deg, #dc143c, #fff, #000); background-repeat: no-repeat; background-size: 80%; animation: animate 3s infinite; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0) animation: animate 3s infinite; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0);} @keyframes animate { 0% {background-position: -500%; } 100% { background-position: 500%;} }

.$ .wa-btn-text-only{box-shadow: 2px 2px #1c87c9, 4px 4px #ccc, 6px 6px #8ebf42;}

.$ { text-decoration-line: underline; text-decoration-color: #666; text-decoration-style: wavy; }

.$ { text-decoration-line: underline; text-decoration-color: red; text-decoration-style: dashed; }

.$ { line-height: 50px; background-color: white; color: red; white-space: nowrap; overflow: hidden; box-sizing: border-box; font-family: "Ropa sans"; font-size: 20px; } .marquee p { display: inline-block; padding-left: 100%; animation: marquee 7s linear infinite; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }

.$ { writing-mode: vertical-rl; text-orientation: upright; }

.$ { writing-mode: vertical-rl;}

.$ { writing-mode: vertical-lr;}

.$ {text-shadow:#ffae00 2px 2px 0, #ff00c0 3px 3px 0, #aa0306 5px 5px 0;}}

.$ {text-shadow: white 0.006em 0.006em 0.007em, #9c9c9c 1px 1px 1px, #9c9c9c 1px 2px 1px, #9c9c9c 1px 3px 1px, #9c9c9c 1px 4px 1px, #9c9c9c 1px 5px 1px, #9c9c9c 1px 6px 1px;}

.${ text-transform: uppercase; background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% ); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; display: inline-block; } @keyframes textclip { to { background-position: 200% center; } }

.$ :hover{ text-transform: uppercase; background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% ); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; display: inline-block; } @keyframes textclip { to { background-position: 200% center; } }

.$ {text-transform: uppercase; font-weight: 700; text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16,16,16,0.4), 1px 22px 10px rgba(16,16,16,0.2), 1px 25px 35px rgba(16,16,16,0.2), 1px 30px 60px rgba(16,16,16,0.4); }