Links sind im Internet zu meist unterstrichen. Mit dieser CSS-Spielerei kann man der Linie einen Farbverlauf zuweisen: CSS a { position: relative; padding-bottom: 2px; text-decoration: none; } a:hover::after { content:...
Thema CSS
Tipps und Tricks zur Technologie CSS.
Text unscharf darstellen
Mit CSS kann man Text auch ganz einfach unscharf darstellen und benötigt dazu kein Bild mehr. CSS .blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); } 1234 .blur { color:...
Schütteleffekt
Mit ein paar Zeilen CSS können Bilder ein paar Mal hin und her wackeln, wenn man mit der Maus drüberfährt. CSS .image:hover { animation: shake 0.75s cubic-bezier(.35,.08,.15,.95) both; transform: translate3d(0, 0, 0);...
CSS3-Bildschatten
Mit diesem kleinen CSS-Schnipsel erhalten alle als -Tag eingebundenen Bilddateien einen hübschen Schatten. CSS img { -webkit-box-shadow: 3px 3px 3px #7C7C7C; box-shadow: 3px 3px 3px #7C7C7C; } 1234 img...
