The latest articles on DEV Community by lynnkish (@lynnkish). https://dev.to/lynnkish https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F795395%2Fbb701d91-1f58-4453-8127-d8f3d23ef275.jpg https://dev.to/lynnkish en lynnkish Mon, 17 Jan 2022 10:55:06 +0000 https://dev.to/lynnkish/my-z-index-4901 https://dev.to/lynnkish/my-z-index-4901 <p>__z-index: 12;<br> width: 360px;<br> padding: 15px;<br> border-radius: 12px;<br> background: rgba(255, 255, 255, 0.1);<br> box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);<br> border-top: 1px solid rgba(255, 255, 255, 0.5);<br> border-left: 1px solid rgba(255, 255, 255, 0.5);<br> }<br> .container input[type="text"]{<br> width: 100%;<br> height: 100px;<br> margin: 0 3px;<br> outline: none;<br> border: none;<br> color: #fff;<br> font-size: 20px;<br> text-align: right;<br> padding-right: 10px;<br> pointer-events: none;<br> background: transparent;<br> }<br> .container input[type="button"]{<br> height: 65px;<br> color: #fff;<br> width: calc(100% / 4 - 5px);<br> background: transparent;<br> border-radius: 12px;<br> margin-top: 15px;<br> outline: none;<br> border: none;<br> font-size: 20px;<br> cursor: pointer;<br> transition: all 0.3s ease;<br> }<br> .container input[type="button"]:hover{<br> background: rgba(255, 255, 255, 0.1);<br> }<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> </code></pre> </div>