mirror of
https://github.com/FranP-code/Hangman-game-with-React.git
synced 2025-10-13 00:42:32 +00:00
41 lines
1.2 KiB
SCSS
41 lines
1.2 KiB
SCSS
header.demo {
|
|
|
|
h1 {
|
|
|
|
height: 100%;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
span.demoSpan {
|
|
|
|
//color: #ffaa3b;
|
|
|
|
background: -webkit-linear-gradient(118deg, rgba(255,170,59,1) 0%, rgba(255,107,0,1) 100%); //!Credits https://cssgradient.io
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
//!Credits https://cssgradient.io/blog/css-gradient-text/
|
|
//height: 100%;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&:hover {
|
|
//display: inline-block;
|
|
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;
|
|
}
|
|
|
|
&:hover, &:focus, &:active {
|
|
-webkit-transform: rotate(4deg);
|
|
transform: rotate(4deg);
|
|
}
|
|
}
|
|
}
|
|
} |