Science, asked by samridh30, 10 months ago

give me the codes of this style please... ​

Attachments:

Answers

Answered by aman7913
3

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<svg id="ci"width="100%" height="600"> <circle cx="110" cy="110" r="30" style="fill:#000;stroke:#018770" stroke-width="1px">

<animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="110" cy="110" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /></circle>

<circle cx="80%" cy="10%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite"></circle>

<circle cx="80%" cy="10%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="50%" cy="30%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="50%" cy="30%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="80%" cy="50%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="80%" cy="50%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="50%" cy="70%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="0%" to="25%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="50%" cy="70%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="30%" cy="60%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

<circle cx="30%" cy="60%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px">

<animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/>

<animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" />

</circle>

</svg>

</body>

</html>

_________________________________

remember this [. tex] in first and

[/ tex] in last

Answered by Anonymous
0

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Page Title&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;svg id="ci"width="100%" height="600"&gt; &lt;circle cx="110" cy="110" r="30" style="fill:#000;stroke:#018770" stroke-width="1px"&gt;</p><p></p><p>&lt;animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="110" cy="110" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;&lt;/circle&gt;</p><p></p><p>&lt;circle cx="80%" cy="10%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite"&gt;&lt;/circle&gt;</p><p></p><p>&lt;circle cx="80%" cy="10%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="50%" cy="30%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="50%" cy="30%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="80%" cy="50%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="80%" cy="50%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="50%" cy="70%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="0%" to="25%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="50%" cy="70%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="30%" cy="60%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="20%" to="0%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#000;#D6002F;#B20F53;#000;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;circle cx="30%" cy="60%" r="30" style="fill:#000;stroke:#018770" stroke-width="2px"&gt;</p><p></p><p>&lt;animate attributename="r" from="0%" to="20%" dur="1s" repeatcount="indefinite"/&gt;</p><p></p><p>&lt;animate attributeName="stroke" values="#f0f;#00f;#A34CBE;#D6002F;#B20F53;#F24091;" dur="10s" fill="freeze" repeatcount ="indefinite" /&gt;</p><p></p><p>&lt;/circle&gt;</p><p></p><p>&lt;/svg&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

@aman7913 why did you give him this code!

Similar questions