Create Slide Out Form - HTML,CSS & jQuery || UI Dev
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