Сообщение от danik.js
			 
		
	 | 
	
		Короче, из-за этой портянки кода ниче не видно. Вот: 
<!DOCTYPE html>
<svg height="400" width="800" style="background:#fff;">
    <circle cx="400" cy="200" r="1" fill="#66bad6">
         <animate
            attributeName="r"
            from="1"
            to="90"
            begin="0.1s"
            dur="1.4s"
            values="1;110;90"
            keyTimes="0;0.5;1"
            keySplines="
            0 0 0.58 1;
            0 0 0.58 1"
            calcMode="spline"
            fill="freeze"
        />
    </circle>
</svg>
	 | 
	
Всё это конечно хорошо.... но мне нужно будет больше манипуляций проводить с анимацией... так что там по любому надо JS.
А для единовременной анимации, Вы правы... так лучше.