Advertisement
Crazykk1449

Email Button

Apr 1st, 2017
953
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.26 KB | None | 0 0
  1. <style>
  2.  
  3. .btn {
  4.   background: #3498db;
  5.   background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  6.   background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  7.   background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  8.   background-image: -o-linear-gradient(top, #3498db, #2980b9);
  9.   background-image: linear-gradient(to bottom, #3498db, #2980b9);
  10.   -webkit-border-radius: 50;
  11.   -moz-border-radius: 50;
  12.   border-radius: 50px;
  13.   -webkit-box-shadow: 2px 2px 5px #666666;
  14.   -moz-box-shadow: 2px 2px 5px #666666;
  15.   box-shadow: 2px 2px 5px #666666;
  16.   font-family: Arial;
  17.   color: #ffffff;
  18.   font-size: 20px;
  19.   padding: 10px 20px 10px 20px;
  20.   text-decoration: none;
  21. }
  22.  
  23. .btn:hover {
  24.   background: #3cb0fd;
  25.   background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  26.   background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  27.   background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  28.   background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  29.   background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  30.   text-decoration: none;
  31. }
  32.  
  33. </style>
  34.  
  35. <center>
  36.  
  37. <form method="get" action="mailto:crazykk1449@gmail.com?Subject=Hello%20Caleb!">
  38.     <button class="btn" type="submit">Get Email</button>
  39. </form>
  40.  
  41. </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement