در این مطلب کد آماده یک قالب برای معرفی پروژه در اختیار شما قرار گرفته است. منبع اصلی این قالب از این لینک قابل دسترس است و با توجه به کپی رایت این سایت می توانید از این قالب در هر گونه پروژه ای استفاده کنید اما خود قالب قابل فروش نمی باشد. این قالب […]
از ویژگی box-shadow برای اضافه کردن سایه به یک عنصر یا باکس استفاده می شود. تمام عناصر در یک صفحه می توانند سایه بگیرند. box-shadow: [horizontal offset] [vertical offset] [blur radius] [spread radius] [color]; box-shadow: 2px 3px 10px 5px #f0f; اولین مقدار فاصله سایه با باکس را در راستای محور X مشخص می کند, که […]
از ویژگی text-shadow برای اضافه کردن سایه به متن استفاده می شود. می توان به متن یک عنصر چندین سایه اضافه کرد, که در این صورت اولین سایه در بالا و بقیه به ترتیب زیر آن قرار می گیرند. اگر متنی همراه با خط هم باشد (مثلا زیر خط دار باشد) سایه به آن خط […]
در این مطلب کد آماده یک قالب نمونه کار فارسی در اختیار شما قرار گرفته است. منبع اصلی این قالب از این لینک قابل دسترس است و با توجه به کپی رایت این سایت می توانید از این قالب در هر گونه پروژه ای استفاده کنید اما خود قالب قابل فروش نمی باشد. پشتیبانی مرورگر […]
در این مطلب قصد معرفی یک قالب زیبا که تنها با استفاده از HTML و CSS طراحی شده است را داریم. اول از همه این منبع اصلی این قالب است که ما آن را با اعمال چند تغییر و بروزرسانی در اختیار شما قرار داده ایم. پشتیبانی مرورگر ها ie Chrome Firefox Safari Opera +9 […]
انیمیشن ها در CSS باعث می شوند تا ما قادر به متحرک سازی عناصر در صفحات وب باشیم. قبل از ظهور CSS3 بیشتر متحرک سازی ها در دنیای وب بوسیله جاوا اسکریپت صورت می گرفت. از آنجایی که کنترل توالی انیمیشن هایی که بوسیله CSS ساخته می شوند زیر نظر مرورگر می باشد, ساخت انیمیشن […]
در مطالب قبل در مورد ویژگی های ترنزیشن صحبت شد, در اینجا قصد بیان نکته های تکمیلی این ویژگی را داریم. تعریف ترنزیشن در وضعیت های مختلف یک عنصر شاید تا الان به این نکته توجه نکرده باشید که برای یک عنصر می توانید در چند وضعیت متفاوت ترنزیشن های متفاوتی تعریف کنید. به عنوان […]
یکی از جذاب ترین ویژگی های CSS امروز دنیای وب متحرک سازی عناصر در یک صفحه می باشد. ترنزیشن ها ساده ترین راه برای این کار هستند. در صفحات وب از CSS برای تغییر استایل از مقداری به مقدار دیگر استفاده می شود که این تغییر به صورت ناگهانی و فوری اتفاق می افتد, اضافه […]
after:: یک pseudo-element است که به ما اجازه می دهد تا بدون هیچ تغییری در HTML محتوایی از طریق CSS در یک صفحه قرار دهیم. after:: به عنوان یک فرزند مجازی در آخر یک عنصر HTML قرار می گیرد و محتوای آن به صورت پیشفرض در حالت inline نمایش داده می شود. div::after { content: […]
در اینجا قصد نمایش چند دمو که ظاهر یک چک باکس به طور خلاقانه در آنها تغییر یافته است را داریم. اگر با ساخت همچین چک باکس هایی در css آشنایی ندارید به این مطلب برای یادگیری مراجعه کنید. See the Pen Toggle Rebound by Mojtaba Seyedi (@seyedi) on CodePen. See the […]