شروع دوره پایتون از پنجشنبه 1 خرداد ، مقدماتی تا پیشرفته، بدون پیش نیاز شروع دوره پایتون از پنجشنبه 1 خرداد ، مقدماتی تا پیشرفته، بدون پیش نیاز
🎯 ثبت نام

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

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


در این مقاله می آموزیم که چطور با استفاده از کد 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 به دکمه هاي سايت
1399/12/20 3427 638
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com
نظرات شما

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