آموزش ساخت دکمه های متحرک در سایت

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

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

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

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

مثال :

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

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

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

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

مثال :

<h2>Animated Button</h2>

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

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

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

مثال :

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

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

1399/12/20 4143 793

رمز عبور : tahlildadeh.com یا www.tahlildadeh.com

نظرات شما