CSS; body {margin: 0;padding: 0;}h1 {margin: 0;padding: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,…
CSS;
body {
margin: 0;
padding: 0;
}
h1 {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: 'Montserrat', sans-serif;
font-size: 5em;
text-transform: uppercase;
color: #ccc;
}
h1:before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
color: #232323;
width: 0;
overflow: hidden;
transition: 1s;
}
h1:hover:before {
width: 100%;
}
HTML;
<h1 data-text=”digitalkure”>digitalkure</h1>
https://youtu.be/A1hPRJVxP1I
