آموزش ایجاد گرادینت

سلام خدمت شما دوستان عزیز … امروز با آموزش ایجاد گرادینت در دنیای گرافیک به تصویری که از طیف رنگ های مختلف به صورت شیب دار ایجاد میشوند و مرز مشخصی بین رنگ ها نباشد را گرادینت میگویند .

آموزش ایجاد گرادینت :

قبل از آمدن CSS3 باید برای ایجاد این تصاویر قسمتی از یک عکس را برش میدادیم و آن را در حالت افقی و عمودی تکرار میکردیم .

انواع گرادینت :

۱ – Linear یا خطی : به صورت ۲ یا چند رنگ پشت سرهم به حالت افقی ، عمودی و یا مورب میباشد .

Khati

۲ – Radial یا مدور ( تابشی ) : به صورت دو یا چند رنگ تودرتو به صورت مدور .

Radial

۳ – Angel یا زاویه دار :‌ به صورت دو یا چند رنگ که از یک زاویه شروع و پس از چرخش رنگ ها در ۳۶۰ درجه به زاویه اولیه برمیگردد .

 

Angel

۴ – Reflected یا منعکس ( زاویه دار ) : به صورت دو یا چند رنگ که نصف محیط را رنگ های انتخاب و نصب دیگر را بازتاب رنگ های انتخابی پر میکند .

Reflected

۵ – Diamond یا لوزی ( الماسی ) : به صورت دو یا چند رنگ که به صورت لوزی شکل تو در تو مرتب میشوند .

 

Diamond

 

توجه داشته باشید که شما با استفاده از CSS میتوانید فقط سه نوع گرادینت مدور ، خطی و بازتابی را ایجاد کنید .

در نظر داشته باشید که مرورگرهای مدرن با استفاده از پیشوند مخصوص به خود گرادینت را ایجاد میکند .

در جلسات بعدی نحوه ایجاد گرادینت را توضیح خواهیم داد .

موفق باشید .

آموزش ایجاد گرادینت
امتیاز شما :

ممکن است شما دوست داشته باشید بیشتر از نویسنده

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.