#C کلید ورود به بازار کار

دوره پروژه‌محور #C و ASP.NET Core

C#
C#
مقالات برنامه نویسی
آموزش ساخت دکمه های متحرک در سایت

طراحي دکمه های متحرک در سایت


در این مقاله می آموزیم که چطور با استفاده از کد CSS , Html ، دکمه های متحرک (Animated Buttons) ایجاد کنیم.


ايجاد دکمه با افکت فشرده pressed


 کد HTML , CSS را اضافه کنید.


مثال :

نمونه یک

<h2>Animated Buttons - "Pressed Effect"</h2>

<button class="button">Click Me</button>

امتحان کنید

ايجاد دکمه با افکت فشرده pressed

يک پيکان روي دکمه قرار دهيد تا فقط در زمان اتفاق افتادن Hover نماش داده شود.


 کد HTML , CSS را اضافه کنید.


مثال :

نمونه دو

<h2>Animated Button</h2>

<button class="button"><span>Hover </span></button>

امتحان کنید
نمايش پيکان روي دکمه در زمان  Hover

اضافه کردن افکت ایجاد حرکتی موج مانند ripple Effect به دکمه هاي سايت


 کد HTML , CSS را اضافه کنید.


مثال :

نمونه سه

<h2>Animated Button - Ripple Effect</h2>

<button class="button">Click Me</button>

امتحان کنید
اضافه کردن ripple Effect به دکمه هاي سايت
مقاله قبلی
طراحي دکمه های چند بخشی (split button) در سایت
مقاله بعدی
طراحی دکمه برای سایت با افکت Fading Buttons
نظرات شما

نظرات خود را ثبت کنید...