کد افکت های شناور ساده و مدرن برای زیرنویس تصاویر
ما در این پست می خواهیم به شما نشان دهیم چگونه برخی از افکت های شناور ساده و در عین حال شیک برای زیرنویس تصاویر ایجاد کنید. ایده این کد به این شکل است که یک طرح شبکه¬ای داشته باشید و یک افکت شناور که شامل مواردی چون: عنوان، نویسنده و یک دکمه پیوند را نشان می دهد، اعمال کنید. برای برخی از افکت ها، از تبدیل 3D استفاده شده است. هدف از این کار این است که افکت ها را با ظرافت و الهام بخشیدن به بسیاری از تغییرات مختلف حفظ کنید.
کد استایل دکمه بارگذاری با جلوه های خلاقانه
در این پست ما قصد داریم مجموعه ای از کد استایل دکمه بارگذاری (پیشرفت) تخت و 3D که در آن دکمه خود به عنوان نشانگر پیشرفت، کار می کند را در اختیار شما قرار دهیم. سبک 3D برای نشان دادن نشانگر پیشرفت در یک طرف دکمه در حالی که چرخاندن دکمه در جلوه ویژه استفاده می شود. با استفاده از چشم انداز به ما این امکان را می دهد برخی از جلوه های سه بعدی سرگرم کننده را علاوه بر سبک های "پر کردن" صاف ایجاد کنیم.
کد استایل تصاویر و المان ها( افکت های کج شدن با نشانگر موس)
ما در این پست می خواهیم شما را با برخی افکت های شناور تصویر آشنا کنیم. ما می خواهیم یک تحرکی به تصویرمان بدهیم ( که می تواند یک لینک یا به سادگی یک آیتم شبکه معمولی باشد) بدین صورت که یک قسمت با قرار گرفتن نشانه موس یک افکت شیب دار را نمایش دهد.
کد css حرکت بک گراند در هنگام اسکرول کردن صفحه
احتمالا تابه حال با سایت هایی مواجه شده اید که در بخشی از سایت خود بک گراند بزرگی دارند و به گونه ای قرار داده شده اند که با اسکرول کردن کاربر یعنی حرکت به بالا و پایین در سایت ، بک گراند به صورت متحرک به نظر می رسید. برای مثال اینجا را کلیک کنید و به این صفحه بروید و تا آخر صفحه را پس از لود تصاویر پست زمینه اسکرول کنید تا متوجه منظور ما شوید .
ساخت این پست زمینه ها بسیار ساده است و با افزودن دو خط کد Css قابل انجام است .
برای مشاهده آموزش به ادامه مطلب مراجعه کنید.
معرفی سایتی برای ساخت آنلاین کدهای Css
امروز به شما دوستان عزیز سایتی را معرفی میکنم که در اون می توانید یک مربع را با تمام جزئیات از قبیل رنگ پس زمینه، رنگ حاشیه، مقدار سایه، گرادیانت و شفافیت ایجاد و سپس کد آنرا دریافت کنید.