Building Your Learning Module...
Getting things ready for you!
Find videos you like?
Save to resource drawer for future reference!
Basic shadow offset to the right and down
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);Creates a glowing effect around text
text-shadow: 0 0 10px #00ff00;Combine multiple shadows for complex effects
text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;Creates a 3D embossed appearance
text-shadow: 1px 1px 0px #ccc, -1px -1px 0px #000;Creates colorful gradient text
background: linear-gradient(45deg, #ff6b6b, #4ecdc4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;Multi-color rainbow effect
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); -webkit-background-clip: text; -webkit-text-fill-color: transparent;Shiny metallic gold appearance
background: linear-gradient(45deg, #f9d71c, #daa520, #b8860b); -webkit-background-clip: text; -webkit-text-fill-color: transparent;Chrome metallic effect
background: linear-gradient(to bottom, #eee 0%, #999 50%, #777 51%, #555 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;Rotate text at an angle
transform: rotate(15deg);Make text larger or smaller
transform: scale(1.2);Slant text horizontally or vertically
transform: skew(20deg, 0deg);Add 3D depth perspective
transform: perspective(500px) rotateX(45deg);Text appears character by character
Text gradually appears with opacity animation
Text bounces up and down continuously
Text shadow pulses with changing intensity
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00ff, 0 0 40px #ff00ff;background: linear-gradient(45deg, #ff4500, #ff8c00, #ffd700); -webkit-background-clip: text;