ویدیوی آموزش ساخت ۴ افکت هاور آیکون تنها با HTML & CSS:
سلام به دوستان و همراهان عزیز آکادمی وبکیما، در این آموزش ویدیویی از سری آموزش های طراحی های خلاقانه با HTML و CSS می خواهیم ساخت ۴ افکت هاور آیکون بسیار باحال و زیبا رو بهتون آموزش بدیم در ساخت این هاور آیکون ها از هیچگونه کد جی کوئری استفاده نشده است.
![آموزش طراحی فرم لاگین با HTML و CSS](https://webkima.com/wp-content/uploads/2022/07/login-form-html-css-mini-project.jpg)
آموزش طراحی فرم لاگین با HTML و CSS
جلسه 1
![آموزش ساخت اسلایدر با HTML و CSS (عکس | بلاگ)](https://webkima.com/wp-content/uploads/2022/07/slider-blog-card-html-css.jpg)
آموزش ساخت اسلایدر با HTML و CSS (عکس | بلاگ)
جلسه 2
![آموزش ساخت ساعت دیجیتال در جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/07/digital-clock-javascript.jpg)
آموزش ساخت ساعت دیجیتال در جاوا اسکریپت
جلسه 3
![نمایش و پنهان کردن رمز عبور در جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/07/password-hide-javascript.jpg)
نمایش و پنهان کردن رمز عبور در جاوا اسکریپت
جلسه 4
![ساخت منوی بازشو در HTML CSS و جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/07/navigation-menu-bar.jpg)
ساخت منوی بازشو در HTML CSS و جاوا اسکریپت
جلسه 5
![مینی وب اپلیکیشن پسورد ساز با جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/08/random-password-generator-with-javascript.jpg)
مینی وب اپلیکیشن پسورد ساز با جاوا اسکریپت
جلسه 6
![ساخت دکمه سوئیچ یا Toggle Button در جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/08/javascript-toggle-button.jpg)
ساخت دکمه سوئیچ یا Toggle Button در جاوا اسکریپت
جلسه 7
![ساخت باکس جستجو یا سرچ بار در جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/08/js-animated-search-box.jpg)
ساخت باکس جستجو یا سرچ بار در جاوا اسکریپت
جلسه 8
![ساخت انیمیشن کلیک روی دکمه در جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/08/js-Button-Ripple-Animation.jpg)
ساخت انیمیشن کلیک روی دکمه در جاوا اسکریپت
جلسه 9
![پروفایل کارت با تغییر رنگ تم در جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/08/Dynamic-profile-card.webp)
پروفایل کارت با تغییر رنگ تم در جاوا اسکریپت
جلسه 10
![آموزش ساخت لندینگ پیج با HTML و CSS و جاوا اسکریپت](https://webkima.com/wp-content/uploads/2022/06/minimal-landing-page.webp)
آموزش ساخت لندینگ پیج با HTML و CSS و جاوا اسکریپت
جلسه 11
![افکت هاور دکمه با استفاده از HTML و CSS (دکمه انیمیشنی)](https://webkima.com/wp-content/uploads/2020/01/button-hover-effects-html-css.jpg)
افکت هاور دکمه با استفاده از HTML و CSS (دکمه انیمیشنی)
جلسه 12
![آموزش ویدیویی ساخت اکولایزر حرفه ای با HTML & CSS](https://webkima.com/wp-content/uploads/2019/10/video-make-equalizer-html-ccs-e1679125165664.jpg)
آموزش ویدیویی ساخت اکولایزر حرفه ای با HTML & CSS
جلسه 13
![ساخت امواج SVG | افزودن CSS Waves به سایت (آموزش ویدیویی)](https://webkima.com/wp-content/uploads/2019/10/make-CSS-Waves-e1693885942503.png)
ساخت امواج SVG | افزودن CSS Waves به سایت (آموزش ویدیویی)
جلسه 14
![آموزش ساخت هاور 3 بعدی برای دکمه ها با HTML و CSS](https://webkima.com/wp-content/uploads/2020/03/Buttons_With_3D_Effect_on_hover_Using_Only_HTML_CSS_webkima.png)
آموزش ساخت هاور 3 بعدی برای دکمه ها با HTML و CSS
جلسه 15
![آموزش ویدیویی ساخت UI کارت پروفایل کاربری با HTML & CSS](https://webkima.com/wp-content/uploads/2019/10/Amazing_UI_Profile_Card_Using_Only_HTML_CSS.png)
آموزش ویدیویی ساخت UI کارت پروفایل کاربری با HTML & CSS
جلسه 16
شما در حال مشاهده
جلسه 17 هستید
![ویدیوی آموزش ساخت ۴ افکت هاور آیکون تنها با HTML & CSS](https://webkima.com/wp-content/uploads/2019/10/4_Awesome_icons_hover_effect_using_only_HTML_CSS.jpg)
ویدیوی آموزش ساخت ۴ افکت هاور آیکون تنها با HTML & CSS
جلسه 17
![آموزش ساخت فرم ورود به سایت با افکت های زیبا با HTML و CSS](https://webkima.com/wp-content/uploads/2019/11/make-login-form-html-css.png)
آموزش ساخت فرم ورود به سایت با افکت های زیبا با HTML و CSS
جلسه 18
![آموزش ساخت انیمیشن حرکت موس با جاوا اسکریپت](https://webkima.com/wp-content/uploads/2019/11/mousemove.png)
آموزش ساخت انیمیشن حرکت موس با جاوا اسکریپت
جلسه 19
![آموزش ساخت هاور آیکون انیمیشنی با html و css (ساخت تولتیپ)](https://webkima.com/wp-content/uploads/2019/12/hover-icon.png)
آموزش ساخت هاور آیکون انیمیشنی با html و css (ساخت تولتیپ)
جلسه 20
![ساخت باکس اطلاعات تماس در HTML و CSS (با هاور زیبا)](https://webkima.com/wp-content/uploads/2019/11/contact-info-boxes.png)
ساخت باکس اطلاعات تماس در HTML و CSS (با هاور زیبا)
جلسه 21
![آموزش ساخت فرم ثبت نام با html و css (فرم ثبتنام در سایت)](https://webkima.com/wp-content/uploads/2019/12/SignUpForm.jpg)
آموزش ساخت فرم ثبت نام با html و css (فرم ثبتنام در سایت)
جلسه 22
![آموزش طراحی هاور تصویر با HTML و CSS 🤩طراحی های خلاقانه](https://webkima.com/wp-content/uploads/2020/08/image-hover-html-css.jpg)
آموزش طراحی هاور تصویر با HTML و CSS 🤩طراحی های خلاقانه
جلسه 23
![طراحی یک صفحه ساده وبسایت با HTML و CSS ✅برای مبتدیان](https://webkima.com/wp-content/uploads/2020/08/design-sample-page-html-css-webkima.jpg)
طراحی یک صفحه ساده وبسایت با HTML و CSS ✅برای مبتدیان
جلسه 24
![طراحی صفحه تماس با ما ریسپانسیو با استفاده از HTML و CSS](https://webkima.com/wp-content/uploads/2020/09/responsive-contact-info-css-html-webkima.jpg)
طراحی صفحه تماس با ما ریسپانسیو با استفاده از HTML و CSS
جلسه 25
![آموزش طراحی فرم لوگین با HTML و CSS 🤩 طراحی های خلاقانه فرانت اند](https://webkima.com/wp-content/uploads/2020/08/login-form-design-html-css-webkima.jpg)
آموزش طراحی فرم لوگین با HTML و CSS 🤩 طراحی های خلاقانه فرانت اند
جلسه 26
![آموزش ساخت باکس قیمت گذاری با HTML و CSS](https://webkima.com/wp-content/uploads/2020/01/make-pirce-box-html-css.jpg)
آموزش ساخت باکس قیمت گذاری با HTML و CSS
جلسه 27
مدرس دوره
نبی عبدی
زمان ویدیو
09:04 دقیقه
برو به دیگر جلسات
برای دانلود ویدیو
دیدگاه و پرسش