#e8e8e8
1.subscribe { 2 position: relative; 3 height: 140px; 4 width: 240px; 5 padding: 20px; 6 background-color: #FFF; 7 border-radius: 4px; 8 color: #333; 9 box-shadow: 0px 0px 60px 5px rgba(0, 0, 0, 0.4); 10} 11 12.subscribe:after { 13 position: absolute; 14 content: ""; 15 right: -10px; 16 bottom: 18px; 17 width: 0; 18 height: 0; 19 border-left: 0px solid transparent; 20 border-right: 10px solid transparent; 21 border-bottom: 10px solid #1a044e; 22} 23 24.subscribe p { 25 text-align: center; 26 font-size: 20px; 27 font-weight: bold; 28 letter-spacing: 4px; 29 line-height: 28px; 30} 31 32.subscribe input { 33 position: absolute; 34 bottom: 30px; 35 border: none; 36 border-bottom: 1px solid #d4d4d4; 37 padding: 10px; 38 width: 82%; 39 background: transparent; 40 transition: all .25s ease; 41} 42 43.subscribe input:focus { 44 outline: none; 45 border-bottom: 1px solid #0d095e; 46 font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', 'sans-serif'; 47} 48 49.subscribe .submit-btn { 50 position: absolute; 51 border-radius: 30px; 52 border-bottom-right-radius: 0; 53 border-top-right-radius: 0; 54 background-color: #0f0092; 55 color: #FFF; 56 padding: 12px 25px; 57 display: inline-block; 58 font-size: 12px; 59 font-weight: bold; 60 letter-spacing: 5px; 61 right: -10px; 62 bottom: -20px; 63 cursor: pointer; 64 transition: all .25s ease; 65 box-shadow: -5px 6px 20px 0px rgba(26, 26, 26, 0.4); 66} 67 68.subscribe .submit-btn:hover { 69 background-color: #07013d; 70 box-shadow: -5px 6px 20px 0px rgba(88, 88, 88, 0.569); 71}
11K views
11K views
Comments
MIT License