shapes.min.css
| 4.9 KB | Satir:
0
| css
Geri
.circle-shape,.hexagon-shape,.octagon-shape,.oval-shape,.rectangle-shape,.square-shape{background:#666EE8}.triangle-down-shape,.triangle-up-shape{border-left:50px solid transparent;border-right:50px solid transparent}.square-shape{width:100px;height:100px}.rectangle-shape{width:200px;height:100px}.circle-shape{width:100px;height:100px;border-radius:50px}.oval-shape{width:200px;height:100px;border-radius:100px/50px}.triangle-up-shape{width:100px;height:100px;border-bottom:100px solid #666EE8}.triangle-down-shape{width:0;height:0;border-top:100px solid #666EE8}.triangle-left-shape,.triangle-right-shape{width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent}.triangle-left-shape{border-right:100px solid #666EE8}.star-shape,.triangle-bottomleft-shape,.triangle-topleft-shape{border-right:100px solid transparent}.triangle-right-shape{border-left:100px solid #666EE8}.triangle-topleft-shape,.triangle-topright-shape{border-top:100px solid #666EE8;width:0;height:0}.star-shape,.triangle-bottomright-shape,.triangle-topright-shape{border-left:100px solid transparent}.triangle-bottomleft-shape,.triangle-bottomright-shape{width:0;height:0;border-bottom:100px solid #666EE8}.star-shape{margin:50px 0;position:relative;display:block;color:#666EE8;width:0;height:0;border-bottom:70px solid #666EE8;-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg)}.star-shape:after,.star-shape:before{position:absolute;width:0;content:'';height:0;display:block}.star-shape:before{border-bottom:80px solid #666EE8;border-left:30px solid transparent;border-right:30px solid transparent;top:-45px;left:-65px;-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);transform:rotate(-35deg)}.star-shape:after{color:#666EE8;top:3px;left:-105px;border-right:100px solid transparent;border-bottom:70px solid #666EE8;border-left:100px solid transparent;-webkit-transform:rotate(-70deg);-moz-transform:rotate(-70deg);-ms-transform:rotate(-70deg);-o-transform:rotate(-70deg);transform:rotate(-70deg)}.pentagon-shape{position:relative;width:54px;border-width:50px 18px 0;border-style:solid;border-color:#666EE8 transparent}.pentagon-shape:before{content:"";position:absolute;height:0;width:0;top:-85px;left:-18px;border-width:0 45px 35px;border-style:solid;border-color:transparent transparent #666EE8}.hexagon-shape{width:100px;height:55px;position:relative}.hexagon-shape:after,.hexagon-shape:before{content:"";position:absolute;left:0;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent}.hexagon-shape:before{top:-25px;border-bottom:25px solid #666EE8}.hexagon-shape:after{bottom:-25px;border-top:25px solid #666EE8}.octagon-shape{width:100px;height:100px;position:relative}.octagon-shape:after,.octagon-shape:before{content:"";position:absolute;left:0;border-left:29px solid #eee;border-right:29px solid #eee;width:42px;height:0}.octagon-shape:before{top:0;border-bottom:29px solid #666EE8}.octagon-shape:after{bottom:0;border-top:29px solid #666EE8}.heart-shape{position:relative;width:100px;height:90px}.heart-shape:after,.heart-shape:before{position:absolute;top:0;height:80px;background:#666EE8;border-radius:50px 50px 0 0;width:50px;content:""}.heart-shape:before{left:50px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.heart-shape:after{left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.cut-diamond-shape{border-style:solid;border-color:transparent transparent #666EE8;border-width:0 25px 25px;height:0;width:50px;position:relative;margin:20px 0 50px}.cut-diamond-shape:after{content:"";position:absolute;top:25px;left:-25px;width:0;height:0;border-style:solid;border-color:#666EE8 transparent transparent;border-width:70px 50px 0}.diamond-shape{width:0;height:0;border:50px solid transparent;border-bottom-color:#666EE8;position:relative;top:-50px}.diamond-shape:after{content:'';position:absolute;left:-50px;top:50px;width:0;height:0;border:50px solid transparent;border-top-color:#666EE8}.egg-shape{display:block;width:126px;height:180px;background-color:#666EE8;border-radius:50%/60% 60% 40% 40%}.app-shape{position:relative;color:#FFF;vertical-align:middle;margin:auto;z-index:10}.app-shape span{position:absolute;text-align:center;top:50%;margin-top:-10px;left:0;right:0;z-index:11}.heart-shape span{margin-top:-20px}@media (min-width:768px){.jqueryui-ele-container .app-shape{display:inline-block}}
Kaydet
Ctrl+S ile kaydet