приветствую,
в хроме отлично работает вот такая схема. (код небольшой, поэтому помещаю целиком)
<style>
svg {
width:100%;
height:100%;
}
#before {
animation: morph 1s linear forwards 2s;
}
@keyframes morph {
100% {d: path("M23.49,145.951c50.027-50.027,130.992-50.027,181.02,0");}
}
</style>
<body>
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100%" height="100%" viewBox="0 0 283.46 283.46" enable-background="new 0 0 283.46 283.46" xml:space="preserve">
<path id="before" fill="none" stroke="#000000" stroke-width="5" stroke-miterlimit="10" d="M23.49,108.431
c50.027,50.027,130.992,50.027,181.02,0"/>
</svg>
</body>
Но совершенно не работает в фф, например.
Возможно ли заставить, ну либо какой другой простой способ, желательно, без js?
Простой
Средний
