Hey! Do you have any query related to front end?

Sign in Sign up

Css3 solar systemBack

Css3 border radius property

"border-radius" property helps us in creating circles on the page. This smoothes the corners of elements according to the value provided. More value in px or %, more round it would be.

Ex: border-radius:50%, it will smooth all corners to 50%, resulting a circle on the page.

Css3 @keyframes property

This property facilitate us to animate some property of css, by giving value in from and to options.

Here animation animate css transform property. It rotates from 0deg to 359deg and continues for infinity.

@keyframes rotateAsteroids{
	from{ transform: rotate(0deg);}
	to{ transform: rotate(359deg);}

And applying thus frames in css animation property:

animation: rotateAsteroids 60s linear infinite;

Where "rotateAsteroids" will be any animation name which has been given for keyframes, 60s is the duration to complete the animation and linear provides the mode of animation such as ease-in, ease-out, means how smooth animation will be and at last infinite is the value of itiration-count, means how long this animation will continues.

How to comment:

  • Create an account in discuss by clicking on login next to arrow.
  • Create password for discuss and varify your email id, through your mail.
  • Refresh page and comment.

You might also like

  • Javascript drag and drop

    Very light script for dag and drop

    • 333
    • 5
    • 333
    • facebook icon
    • twitter icon
    • google plus
  • Before and after vs empty tag

    Adding before and after to an non container element is no possible.

    • 7
    • 1
    • 7
    • facebook icon
    • twitter icon
    • google plus
  • Force other page to scroll

    Scroll other page at specific location, when related link has been clicked in current page.

    • 311
    • 5
    • 311
    • facebook icon
    • twitter icon
    • google plus

Latest quries posted

gopa kumarabout 3 years ago

amit singhabout 3 years ago

rahmat aliabout 3 years ago

mandavi tiwariabout 3 years ago

rahul sharmaabout 3 years ago

Ask question
Latest video
Learn Angular
Profile pic
Guest Back