css every day's little #22: CSS all The all CSS property resets all properties except unicode-bidi and direction to their original or inherited value. .my-class { all: unset; }Now all CSS properties for .my-class are set to unset.
webdev every day's little #16: box-shadow vs drop-shadow You know the box-shadow. It is very practical for rectangular things. But if you want a shadow around a picture with transparent background, you don't want an "ugly" rectangular shadow
css every day's little #6: CSS Animation Kit Jetzt mal ein kleines sehr nützliches Tool. Ein kleiner Editor um einfach und visuell CSS-Animationen zu erstellen: CSS Animation Kit. CSS Animation KitAngrytools - CSS Animation Kit provide pure css
css every day's little #5: Alles über Html Text-Placeholder Wenn ihr eine HTML-TextBox habt, könnt ihr verschiedene Sachen mit dem Placeholder machen. Hier ein paar Beispiel: Placeholder definierenZuerst einmal ein Beispiel wie man überhaupt einen Placeholder definiert: <input
css CSS-Tipp: HTML-Elemente nicht im nativen Style anzeigen Man kann das betriebssystemspezifisches Aussehen aller HTML-Element (Button, Option, …) deaktivieren. Warum? Wenn man sein eigenen Style haben möchte ist das schon sehr hilfreich. Denn wenn man einzelne Eigenschaften native
css Bild zu Base64 - Base64 zu Bild Manche kleinen Bilder will/muss man zu Base64 umwandeln. Z.B. um diese in eine CSS-Datei einzufügen. Dabei hilf dieser Dienst: https://www.base64-image.de/
css @media print: Drucken sieht halt anders aus Per CSS ist es möglich bestimmtes Aussehen nur fürs Drucken zu aktivieren. Der Use Case wäre z.B. bestimmte unnötige Elemente auszublenden (Navigation ,Footer, uvm). Wenn man jetzt im Browser