Witam wszystkich!
Aktualnie przerabiam kod Samuraja Programowania z tego odcinka.
I trochę go zmieniłem, a nie miałem wcześniej zbyt dużego doświadczenia z animacjami css, dlatego chciałbym spytać czy mój kod jest dobry i spełnia on wszelkie standardy itd.
Html:
<div class="writingEffect">
<h1>Good Morning</h1>
</div>
Css:
.writingEffect
{
background-color: #000;
color: #fff;
}
.writingEffect h1 {
display: inline-block;
position: relative;
font-family: monospace;
font-size: 60px;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 32.5%;
letter-spacing: 10px;
}
.writingEffect h1::after {
box-sizing: border-box;
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
top: 0;
right: 0;
animation:writing 2s steps(12) forwards 1;
}
@keyframes writing {
0% {
width: 100%;
}
100% {
width: 0%;
}
}
A i jeszcze mam pytanie: czy jeśli kod jest w większości z gotowego źródła i jest jedynie po niewielkiej modyfikacji, to mogę go używać bez żadnych problemów u siebie na stronie, nawet jeśli zarabiała by ona jakieś pieniądze?
Dziękuję za poświęcony czas, miłego wieczoru!