چند نمونه css3 خلاقانه برای طراح سایت

[mehrdad1000]

مثالهای انیمیشنی css برای متن، تصاویر، خطوط


این انیمیشن های CSS3 با تایمر خودکار شروع می شود، یا کلیکی هستند یا برای لودینگ سایت میباشند. اکنون ما می توانیم بسیاری از سوئیچ ها را در وب سایت مدرن با HTML و CSS3 به تنهایی معرفی کنیم. لودر پیشرفت بارها مطمئنا بسیاری از افراد را برای بارگذاری فایل ها و یا دریافت فایل های خود در وب سایت علاقه مند می کند.

نمونه شماره 1 : CSS سوئیچ روز و شب (نسخه فاکس)

دیدن کد انلاین (http://codepen.io/Angelata/pen/cihEG)

https://cdn.designseer.com/wp-content/uploads/2013/12/click-event.jpg

نمونه شماره 2 : CSS در حال بارگیری

دیدن کد انلاین (http://css%20loader/)

https://cdn.designseer.com/wp-content/uploads/2013/12/css-loader1.jpg
نمونه شماره 3 : css بارگیری 2

دیدن کد انلاین
(http://codepen.io/Antoine-360pixel/pen/atCpJ)

https://cdn.designseer.com/wp-content/uploads/2013/12/loader.jpg
نمونه کد شماره 3 : css لودینگ بالا و پایین پریدن

دیدن کد انلاین
(http://codepen.io/jklm313/pen/Detnk)

https://cdn.designseer.com/wp-content/uploads/2013/12/bouncing.jpg

نمونه کد شماره 4 : css لودینگ خطی
دیدم کد انلاین
(http://codepen.io/georgehastings/pen/skznp)

https://cdn.designseer.com/wp-content/uploads/2013/12/css-loader.jpg
نمونه کد شماره 5 : css لودینگ دایره ای

دیدن کد انلاین
(http://codepen.io/Raphael/pen/fqweF)

https://cdn.designseer.com/wp-content/uploads/2013/12/css3-pulse.jpg

در اینده نه چندان دور کد های جدیدی نیز گذاشته میشود
امیدوارو مفید واقعه شده باشیممنبع: اسکریپت تالک (http://www.scripttalk.ir/forum141/thread215.html#post304)