Pulsujące koło od min do max od min do max itd........

pytanie zadane 9 listopada 2017 w JavaScript przez DariuszH Gaduła (3,100 p.)
edycja 9 listopada 2017 przez ScriptyChris

Jak zrobić za pomocą js pulsujące koło, bez css a zwłaszcza przy użyciu @keyframes ?

<!Doctype html>

<html>

    <head>

        <meta charset="utf-8">

        <script type="text/javascript"></script>

        <title>tabelka</title>

    </head>

<body onload="myFunction()">
<div id="koło"></div>
<style>
#koło{ 
    width:1vh;

    height:1vh;

    position: absolute;

    left:40%;

    top:27%;

    border-radius: 50%;

    background-color: black;
}
</style>
<script>
function myFunction(){

var x = document.getElementById("koło");

 x.style.width="50vh";

 x.style.height="50vh";

 x.style.display="block";

}
</script>
</body>
</html>

komentarz 9 listopada 2017 przez ScriptyChris Mędrzec (190,190 p.)

@DariuszH, na przyszłość - proszę o wstawianie kodu w odpowiednie bloczki.

1 odpowiedź

odpowiedź 9 listopada 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)

Pytanie brzmi dlaczego bez CSS?

komentarz 9 listopada 2017 przez DariuszH Gaduła (3,100 p.)

Gdyż jestem ciekawy, czy istnieje kod na pulsację :) Samo koło może być w css :) Czyli akcja koniec i powrót akcji do punktu wyjścia. Szukam tego po necie i znależć nie mogę :)