مشخصات مقاله
-
659
-
0.0
-
2860
-
0
-
0
طراحی دکمه برای سایت با افکت Fading Buttons
آموزش طراحي دکمه هایی با قابلیت محو شدن یا کم رنگ شدن در سایت
در این مقاله می آموزیم که چطور با استفاده از کد 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>
