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

  • Show thumbnail on browse

    Way to show thumbnail of browsed image.

    • 296
    • 6
    • 296
    • facebook icon
    • twitter icon
    • google plus
  • Select all text on single click

    Text selection has been made easy

    • 232
    • 1
    • 232
    • facebook icon
    • twitter icon
    • google plus
  • Real time content edit

    Edit content at client side.

    • 228
    • 1
    • 228
    • facebook icon
    • twitter icon
    • google plus

Latest quries posted

gopa kumarabout 4 years ago

amit singhabout 4 years ago

rahmat aliabout 4 years ago

mandavi tiwariabout 4 years ago

rahul sharmaabout 4 years ago

Ask question
Latest video
Learn Angular
Profile pic
Guest Back