Bottle CSS3 - WIP

HTML
<div id="play"> <div id="bottle"> <div class="cap"></div> <div class="neck"></div> <div class="body"></div> </div> </div>
SCSS
html,body{ height : 100%; width : 100%; #play{ background : #3E805E; height : 100%; width : 100%; position : relative; #bottle{ width : 320px; height : 23px; position : absolute; left : 32%; top : 34%; .cap{ width:1px; height:1px; border-radius : 50%; background : black; transform: skew(89deg,-80deg); } .neck{ height : 60px; border: 2px solid black; border-bottom: none; width : 57px; transform: translate(-28px,-1px); box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #242424; -webkit-box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #242424; -moz-box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #242424; -o-box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #242424; } .body{ height : 160px; border: 2px solid black; border-radius : 5px; width : 100px; transform: translate(-48px,-1px); } } } }
ES6
Expand for more options Login