آموزش طراحي دکمه هایی با قابلیت محو شدن یا کم رنگ شدن در سایت
در این مقاله می آموزیم که چطور با استفاده از کد CSS , Html ، دکمه هایی با قابلیت محو شدن یا کم رنگ شدن (Fading Buttons ) ایجاد کنیم.
Fade in
ماوس را بر روی دکمه ببرید تا رنگ دکمه بیشتر شود.
کد HTML , CSS را اضافه کنید.
مثال :
نمونه یک
<h2>Fading Buttons - "اثر پر رنگ تر شدن"</h2>
<button class="btn">نشانگر خود را روی من نگه دارید</button>
Fade Out
ماوس را بر روی دکمه ببرید تا رنگ دکمه کمتر شود.
کد HTML , CSS را اضافه کنید.
مثال :
نمونه دو
<h2>Fading Buttons - "اثر کم رنگ تر شدن"</h2>
<button class="btn">نشانگر خود را روی من نگه دارید</button>
Fade background
ماوس را بر روی دکمه ببرید تا رنگ پس زمینه دکمه عوض شود.
کد HTML , CSS را اضافه کنید.
مثال :
نمونه سه
<h2>Fading Buttons - "افکت تغییر رنگ پس زمینه دکمه"</h2>
<button class="btn">نشانگر خود را روی من نگه دارید</button>
