Wenn man sich Dribbble oder Behance ansieht, werden Designer eine einfache Technik verwenden, um Bildern Textur hinzuzufügen: Rauschen. Das Hinzufügen von Rauschen macht sonst einfarbige Farben oder glatte Verläufe, wie Schatten, realistischer. Aber trotz der Vorliebe der Designer für Textur, ...
Warum sollten wir Schatten auf SVG anwenden müssen?
:hover, :focus oder :active)Jahrelang war mein Problem, dass ich keine einigermaßen natürlich aussehenden Muster in CSS erstellen konnte. Ich meine, manchmal brauche ich nur eine Holztextur. Die einzige produktionsfreundliche Lösung, die ich kannte, war die Verwendung eines externen Bildes, …
Blobs sind die glatten, zufälligen, gallertartigen Formen, die eine skurrile Qualität haben und einfach nur Spaß machen. Sie können als Illustrationselemente und Hintergrundeffekte im Web verwendet werden.
Also, wie werden sie gemacht? Öffnen Sie einfach eine Illustration ...
Stefan Judis hat einen "Today I Learned" (TIL) Beitrag veröffentlicht, der erklärt, wie SVG-Filter in CSS inline eingebettet werden können. Die Idee ist, dass CSS die `filter`-Eigenschaft hat, die einige eingebaute Funktionen unterstützt, wie z. B. `grayscale(100%)` und ähnliches.
Aber...
Scott Turner, der einen ganzen Blog „Exploring procedural generation and display of fantasy maps“ hat, erklärt, warum Vektorgrafiken auf den ersten Blick so aussehen, als ob sie für den Look eines Bleistiftstrichs schlecht wären.
…Etwas wie dieser Bleistift
Ich bin verliebt in SVG. Sicher, der Code kann anfangs dicht und schwierig aussehen, aber Sie werden die Schönheit der Ergebnisse erkennen, wenn Sie ihn kennenlernen. Der Bonus ist, dass diese Ergebnisse im Code vorliegen, sodass es ...
Die griechische Mythologie erzählt die Geschichte von Zeus, der die Wolkennymphe Nephele erschafft. Wie andere griechische Mythen wird diese Geschichte ziemlich bizarr und jugendfrei. Hier ist eine sehr gekürzte, höfliche Version.
Nephele, so heißt es, wurde von Zeus erschaffen, um …
Es gibt viele verschiedene Möglichkeiten, SVG zu verwenden. Je nachdem, wie Sie vorgehen, ist die Taktik zum Einfärben dieser SVG in verschiedenen Zuständen oder Bedingungen – :hover, :active, :focus, Änderung des Klassennamens usw. – unterschiedlich. …
