header.demo h1 { height: 100%; display: flex; align-items: center; } header.demo h1 span.demoSpan { background: -webkit-linear-gradient(118deg, #ffaa3b 0%, #ff6b00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: flex; align-items: center; } header.demo h1 span.demoSpan:hover { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.demo h1 span.demoSpan:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /*# sourceMappingURL=admin-header-demo.css.map */