Create Slide Out Form - HTML,CSS & jQuery || UI Dev

Опубликовано: 26 Октябрь 2024
на канале: UI Dev

920

In this video we will learn how to create Slide Out Form. You will see when someone click on the Email icon button then the Form will Slide Out. If user click outside the Form then it will Slide In or go to its initial position where it was before. For this we have used HTML, CSS and JavaScript library file -jQuery.

#SlideOutForm #ContactForm #UiDev

--You should know these HTML tag --

1. form : https://bit.ly/3ekbadH

2. input : https://bit.ly/3cDXmtR

3. button : https://bit.ly/2LBd39r

--You should know these Css properties--

1. margin: https://bit.ly/2vOTV11

2. padding: https://bit.ly/2GhDGMF

3. display : https://bit.ly/2mQGf22

4. position: https://bit.ly/2qs4kK3

5. background : https://bit.ly/2Cfd1Nr

6. box-shadow : https://bit.ly/3bzXqJP

7. text-shadow : https://bit.ly/2WD1gO1

8. transition : https://bit.ly/2WB2t6p

9. border : https://bit.ly/2wsho9m

10. content : https://bit.ly/3ghrM7G

11. resize : https://bit.ly/2TAmMRF

--You should know these jQuery methods--

1. click() : https://bit.ly/2TbsLMO

2. toggleClass () : https://bit.ly/3dNZgZd

3. event.target : https://bit.ly/36oQluG

4. closest(): https://bit.ly/2Z9bMy9

5. remove() : https://bit.ly/2zGL9WL

----Image Credit -----
Website : https://indiapicture.in/

----Music Credit -----

🎵 Track Info:

Title: Midnight lover by ROFEU
Genre and Mood: Dance & Electronic + Happy

🎧 Available on:

Spotify: https://spoti.fi/3dIetLo
iTunes: https://apple.co/3bwEk7k
Deezer: https://deezer.com/us/track/740330052
YouTube:    • Rofeu - Midnight Lover (Official musi...
SoundCloud:   / .  .
Google Play: https://bit.ly/2WtLXqR

😊 Contact the Artist:

  / .  .
https://youtube.com/channel/UCSvTn5X_...
https://play.google.com/store/music/a...
  / artist  .
https://open.spotify.com/artist/4lnjg...
https://deezer.com/es/artist/50563522
  / rofeu_rd