CSS, CSS

۳۰ افکت فوق العاده CSS که باید ببینید

تبلیغات
کانال تلگرام فتولیا
4 سوالی شهرداری

اخیرا مطلبی را منتشر کردیم در مورد ۱۵ افکت زیبا و دیدنی CSS برای متن Text منتشر کردیم که به خوبی نشان می داد چطور با CSS می شود افکت های بسیار زیبا و البته کاربردی ایجاد کرد . در این مطلب می خواهیم ۳۰ افکت فوق العاده دیدنی و چشم نواز در موضوعات گوناگون به شما نشان دهیم که صرفا با css3 ایجاد شده اند و قدرت css را به خوبی نشان می دهند .

در این مطلب انواع انیمیشن ها , کادر پیام , ارزش عناصر صفحه و خیلی چیزهای دیگر با می بینیم که احتمالا ذهنیت شما را در مورد بازی کردن با Animation در css تغییر خواهد داد طوری که قبلا شبیه آنها را ندیده اید

CSS Loading Animation By patrikhjelm

Animated Shopping Cart Icon by jonitrythall

Hamburger CSS3 only animation by Dawid Krajewski

۴۰۴ animated Character By With An Es

CSS Mars Landing by mgitch

The Avenger By mariosmaselli

Day / Night toggle By jsndks

Google Now 3rd party app by codecalm

Clo clo By judag

Menu icon animation by mariusbalaj

Another CSS Preloader by Maseone

Submit button by auginator

Elastic SVG Sidebar Material Design by suez

Particle button By igcorreia

Gooey button By Lucas Bebber

Flipside button By hakimel

True hamburger menu! By CharlesSmart

Cruisin’ by yy

۳D cube wave By waddington

Signature animation By drygiel

Background gradient animation By quasimondo

Star wars toggle icon By rss

GIF Style animation By jascha

Focus in/out input animation By fluxus

Chromatic triangleBy felipedefarias

Coffee maker By thisisroger

Chrome Dinosaur By nickspiel

CSS shake By elrumordelaluz

Newton’s Cradle Loader By All Things Smitty

Launch the Modal By koolhaus

Walking Robot By P233

Flexing Pagination Arrows By Hakim

2 Comments

    1. scss یک نوع زبان هست که قابلیت های css رو بیشتر می کنه و سرعت نوشتن کدهای css رو هم همینطور . در sass یا همون scss می تونید متغیر نعریف کنید و توش مقدار مختلفی مثل رنگ قرار بدید . اول متغیر باید علامت $ هم باشه

پاسخ دهید

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