Monday, April 22, 2019

HTML CODING FOR CIRCLE ROTATION

<html>
    <body>
        <svg width="500" height="500">
            <circle cx="250" cy="250" r="200"
            stroke="red" stroke-width="20"
            fill="aqua"/>
            </svg>
            <svg width="500" height="500">
                    <circle cx="250" cy="250" r="200"
                    stroke="black" stroke-width="20"
                    fill="blue"/>
                    </svg>
                    <svg width="500" height="500">
                            <circle cx="250" cy="250" r="200"
                            stroke="blue" stroke-width="20"
                            fill="pink"/>
                            </svg>
                            <svg width="500" height="500">
                                    <circle cx="250" cy="250" r="200"
                                    stroke="green" stroke-width="20"
                                    fill="purple"/>
                                    </svg>
                                    <svg width="500" height="500">
                                            <circle cx="250" cy="250" r="200"
                                            stroke="red" stroke-width="20"
                                            fill="yellow"/>
                                            </svg>
                                            <svg width="500" height="500">
                                                    <circle cx="250" cy="250" r="200"
                                                    stroke="blue" stroke-width="20"
                                                    fill="green"/>
                                                    </svg>
                                                    <svg width="500" height="500">
                                                            <circle cx="250" cy="250" r="200"
                                                            stroke="red" stroke-width="20"
                                                            fill="aqua"/>
                                                            </svg>
                                                            <svg width="500" height="500">
                                                                    <circle cx="250" cy="250" r="200"
                                                                    stroke="green" stroke-width="20"
                                                                    fill="orange"/>
                                                                    </svg>
            </body>
            </html>

2 comments: