KLYKER.COM > FAILS > 31 Eyebrow-Raising Design Fails (31 photos)

31 Eyebrow-Raising Design Fails (31 photos)

February 5, 2019

🎲 Random Post | 🔗 Copy Link Copied! | 📡 Grab our RSS

bad design design fails

body,html{overflow:hidden}#JsEnable{display:none}#enable-javascript{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;background:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(10px);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto}#enable-javascript svg{width:100px;height:100px}#enable-javascript svg path{fill:#fff}#enable-javascript .noscript-style1{background-color:#1434a4;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:16px;font-weight:400;line-height:1.5em;max-width:670px;box-shadow:0 20px 10px -10px rgba(0,0,0,.15);border:15px solid rgba(0,0,0,.07);overflow:hidden;transition:all .6s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:visible;transition:all .2s ease-in-out,visibility 0s;transform-origin:bottom center;pointer-events:auto;transform:rotateX(0) rotateY(0) rotateZ(0) scale(1);opacity:1;animation:Fade .5s;-moz-animation:Fade .5s;-webkit-animation:Fade .5s;-o-animation:Fade .5s}#enable-javascript .noscript-style1:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,.2)}#enable-javascript .noscript-style1 .JSEnable,#enable-javascript .noscript-style1 h4{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:1.5rem;font-weight:700;margin-bottom:20px}