Skip to main content

Posts

Advanced Animated modal Form

By
Just Try it! And feedback ur comments...Developers .😎 Animated Modal with Header and Footer <!DOCTYPE html> <html> <head> <style> /* The Modal (background) */ .modal {     display: none; /* Hidden by default */     position: fixed; /* Stay in place */     z-index: 1; /* Sit on top */     padding-top: 100px; /* Location of the box */     left: 0;     top: 0;     width: 100%; /* Full width */     height: 100%; /* Full height */     overflow: auto; /* Enable scroll if needed */     background-color: rgb(0,0,0); /* Fallback color */     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content {     position: relative;     background-color: #fefefe;     margin: auto;     padding: 0;     border: 1px solid #888;     width: 80%; ...
Post a Comment
Read more

A Simple Modal Design Example

By
Try this and learn more from this space. Keep loading this more and more ..😎😎😎 This is my first step to initiate with the web development skills A simple modal form for the beginners who has started to learn the web development skills.. 😍😍😍😍😍 <!DOCTYPE html> <html> <head> <style> /* The Modal (background) */ .modal {     display: none; /* Hidden by default */     position: fixed; /* Stay in place */     z-index: 1; /* Sit on top */     padding-top: 100px; /* Location of the box */     left: 0;     top: 0;     width: 100%; /* Full width */     height: 100%; /* Full height */     overflow: auto; /* Enable scroll if needed */     background-color: rgb(0,0,0); /* Fallback color */     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content {     background-color: #f...
Post a Comment
Read more