صفحه اصلی / css / برجسته سازی در css

برجسته سازی در css

برجسته سازی با css

با سلام خدمات شما بازدیدکنندگان گرامی در سری مقالات مربوط به css کار را بسیار حرفه ای شروع و با برجسته سازی اجسام در css اشنا می شویم و یک کد را به شما معرفی می کنیم که بدون دردسر و به راحتی متن یا تصاویر و بقیه موارد در html را به صورت برجسته در اورید

css-icon

css3

css3 قطعا مهم ترین جزء در گرافیک وب سایت ها و مهم ترین کد برای توسعه دهندگان وب سایت های اینترنتی و حتی صاحبان وبلاگ می باشد که به راحتی می توانند کارهای بسیار زیبا خلق کنند یکی از زیبا ترین بخش های این قسمت ترنزیشن ها می باشد که می توانید یک حالت انیمیشن زیبا برای اشیاء صحفه خود طراحی کنید

 

شروع برجسته سازی

برای شروع کار به یک سند html  نیاز داریم در بخش header این سند استایل هارا تعریف می کنیم در بخش body صفحه یک div ایجاد می کنیم حالا کار ما از اینجا شروع می شه

کد شروع کار بدین گونه می باشد

 

 

 

 

کد اول تعیین خصوصیات div:

 

با کد زیر در بخش header/style خصوصیات div مورد نظر که حاوی متن دلخواه تعیین میکنیم

خوب حالا وقت اضافه کردن انیمیشن به کار هست ما تعریف در استایل که اگر موس برروی div مارفت این div به صورت برجسته دربیاید و پس زمینه و رنگ متن ان تغییر کند

باید توجه داشته باشید قسمت اصلی که باعث می شود متن  و div به صورت برجسته در بیاید در واقع کد مربوط به text-shadow و box-shadow می باشد. حال کافی یک div در body ساخته و در قسمت کلاس به ان خصوصیت بالا را بدهید یعنی اینطوری

 

 

 

 

 

این بود از کد برجسته سازی با استفاده از لینک زیر شما می توانید نتیجه کار را ببنید و یا ان را براساس انچه می خواهید ویرایش کنید.

مشاهده نتیجه کار + ویرایش

لینک کد کامل این صفحه

پاسخ دهید

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