2016-08-28 00:01:48 +00:00
|
|
|
nav a,nav a:focus,nav a:hover{outline:0}.cl-effect-2 a span,nav a{position:relative;display:inline-block}*,::before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Raleway, sans-serif}nav a{margin:15px 25px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:400;text-shadow:0 0 1px rgba(255, 255, 255, .3);font-size:1.35em}.cl-effect-14 a{padding:0 20px;height:45px;line-height:45px}.cl-effect-14 a::after,.cl-effect-14 a::before{position:absolute;width:45px;height:2px;background:#fff;content:'';opacity:.2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none}.cl-effect-14 a::before{top:0;left:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}.cl-effect-14 a::after{right:0;bottom:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;transform-origin:100% 0}.cl-effect-14 a:focus::after,.cl-effect-14 a:focus::before,.cl-effect-14 a:hover::after,.cl-effect-14 a:hover::before{opacity:1}.cl-effect-14 a:focus::before,.cl-effect-14 a:hover::before{left:50%;-webkit-transform:rotate(0) translateX(-50%);-moz-transform:rotate(0) translateX(-50%);transform:rotate(0) translateX(-50%)}.cl-effect-14 a:focus::after,.cl-effect-14 a:hover::after{right:50%;-webkit-transform:rotate(0) translateX(50%);-moz-transform:rotate(0) translateX(50%);transform:rotate(0) translateX(50%)}
|
