Wir denken oft an Hintergrundbilder als Textur oder etwas, das Kontrast für lesbare Inhalte bietet – mit anderen Worten, nicht wirklich Inhalt. Wenn es Inhalt wäre, würden Sie sich wahrscheinlich sowieso für ein <img> entscheiden, Barrierefreiheit und so weiter.
Aber es gibt ...
Ich mag diesen Effekt, bei dem ein Bild fast so aussieht, als wäre es ein Ölgemälde oder eine Illustration, die mit einem dicken, flüssigen Füllfederhalter erstellt wurde. Auf die Idee kam ich, als Scott Vandehey seinen „Halbtonfilter“-Effekt auf dem …
Unser lieber Freund Robin hat einen neuen Essay mit dem Titel In Praise of Shadows. Nun, bevor Sie dorthin springen und nach Wissenswertem über CSS-Box-Schatten, Textschatten und Schattenfilter suchen... das ist es nicht. Es ist ein Essay ...
Ich habe vor ein paar Tagen an einem Kundenprojekt gearbeitet und wollte einen bestimmten Effekt auf einem <img> erzielen. Hintergrundbilder können den gewünschten Effekt relativ einfach mit background-attachment: fixed; erzielen. Mit …
Ich habe Jake’s „Cross-fading any two DOM elements is currently impossible“ gelesen, was eine wunderbar nerdige tiefgehende Betrachtung darüber ist, wie es keine wirkliche Möglichkeit gibt, Elemente buchstäblich überzublenden. Ja, man kann ihre Deckkraft animieren, aber selbst ...
Sie können einen typischen CSS-Rand gestrichelt oder gepunktet machen. Zum Beispiel
.box {
border: 1px dashed black;
border: 3px dotted red;
}Sie haben nicht viel Kontrolle darüber, wie groß oder lang die Striche oder Lücken sind. ...
Es gibt einen Designtrend, den ich überall sehe. Vielleicht haben Sie ihn auch schon gesehen. Es ist diese Art von Dingen, bei denen Text immer wieder wiederholt wird. Ein gutes Beispiel ist die Preisvergleichsseite GoCompare, die ...
Eine meiner Lieblingsmethoden, um Icons zu einer Website hinzuzufügen, ist, sie als Hintergrundbilder von Data-URLs in Pseudoelementen (z. B. ::after) in meinem CSS einzufügen. Diese Technik bietet mehrere Vorteile
Eine coole Sache an CSS-Benutzereigenschaften ist, dass sie ein Teil eines Wertes sein können. Nehmen wir an, Sie verwenden mehrere Hintergründe, um ein Design zu realisieren. Jeder Hintergrund hat seine eigene Farbe, Bild, Wiederholung, Position usw. Es ...
