Question

is my method correct ... ​

Answer 1

it's right dear....





$<svg width="300" height="150" viewBox="0 0 100 100">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <path fill="red" d="M92.71,7.27L92.71,7.27c-9.71-9.69-25.46-9.69-35.18,0L50,14.79l-7.54-7.52C32.75-2.42,17-2.42,7.29,7.27v0 c-9.71,9.69-9.71,25.41,0,35.1L50,85l42.71-42.63C102.43,32.68,102.43,16.96,92.71,7.27z"></path>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <animateTransform \ \textless \ br /\ \textgreater \ attributeName="transform" \ \textless \ br /\ \textgreater \ type="scale" \ \textless \ br /\ \textgreater \ values="1; 1.5; 1.25; 1.5; 1.5; 1;" \ \textless \ br /\ \textgreater \ dur="4s" \ \textless \ br /\ \textgreater \ repeatCount="40"> \ \textless \ br /\ \textgreater \ </animateTransform>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ </svg>$​