10 کاراکتر کارتونی که از صفر تا صد با HTML و CSS طراحی شده اند!

بدون دیدگاه

همیشه با دیدن کارهایی که توسط CSS میشه انجام داد سورپرایز میشم. همونطور که می دونید با CSS می تونیم صفحات وب جذاب و انیمیشن های فوق العاده طراحی کنیم.

ولی میشه از CSS برای تفریح هم استفاده کرد.برای مثال درست کردن کاراکترهای کارتونی فقط با CSS. کمی عجیبه درسته؟

ولی کاملا عملیه. ما اینجا تعدادی از جذاب ترین و عجیب ترین نمونه کاراکترهایی جمع آوری کرده ایم که صرفا با CSS و HTML بدون کمک تصاویر یا … ایجاد شده اند.

1. Angry Birds

See the Pen Angry Birds in Pure CSS by Rachel Bull (@rachel_web) on CodePen.


2. Frankenstein

See the Pen Daily CSS Images 16 – Frankenstein by Victoria Ninni Bergquist (@vicbergquist) on CodePen.

 


3. Toy Story Alien

See the Pen pure-css-toystory-alien by Sunyoung Park (@sunnn) on CodePen.


4. Aku Aku

See the Pen Aku Aku CSS art by João Victor (@jotavejv) on CodePen.


5. Baby Squirtle

See the Pen Baby Squirtle (Pure CSS) by Josh Bader (@joshbader) on CodePen.


6. Rick Without A Morty

See the Pen A Rick Without a Morty – Pure CSS. by James Gilmore (@jcgilmore2) on CodePen.


7. Brian Griffin

See the Pen Family Guy’s Brian Griffin in Pure CSS by Rachel Bull (@rachel_web) on CodePen.


8. Emmet

See the Pen The Lego Movie’s Emmet in Pure CSS by Rachel Bull (@rachel_web) on CodePen.


9. CSS Eevee

See the Pen CSS Eevee by David Khourshid (@davidkpiano) on CodePen.


10. Mickey Mouse

See the Pen Disney’s Mickey Mouse in Pure CSS by Rachel Bull (@rachel_web) on CodePen.

در همین رابطه :   اعمال CSS های جداگانه به هر یک از مرورگر های Opera,Firefox,Chrome,Safari و IE


منبع

دسته بندی : CSS

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *