Pixel Art w CSS! | DailyWeb.pl - codziennie o sieci

Pixel Art w CSS!

Opublikowano 11 miesięcy temu -


Dla wielu programowanie to nie tylko praca ale również pasja i hobby w jednym. Ludzka kreatywność nie zna granic, świetnym tego przykładem są tworzone przez zajawkowiczów Pixel Arty z wykorzystaniem HTML i CSS!

W jaki sposób?

Okazuje się, że sposobów na stworzenie pixel arta jest naprawdę sporo i osobiście nie przypuszczałbym, że niektóre własności CSS można wykorzystać do tego właśnie celu.

Do wykonania pixel artu możemy użyć tabeli, której odpowiednie kolumny wypełnimy kolorami.
Alternatywnym sposobem jest użycie do tego celu właściwości Box-shadow. Za pomocą odpowiedniego przesunięcia naszego "cienia" i nadania koloru tworzymy kolejne pixele naszej grafiki.

Pełen artykuł dostępny jest na stronie CSS Tricks do zapoznania z którym serdecznie zachęcam!

Demo