0%

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

  • Validate email by javascript regex

    Validate email field by regular expression

    • 240
    • 4
    • 240
    • facebook icon
    • twitter icon
    • google plus
  • Auto responsive dropdown menu

    Auto responsive dropdown menu plugin

    • 493
    • 48
    • 493
    • facebook icon
    • twitter icon
    • google plus
  • Bubbler popup

    This bubbler effect is created by CSS3 transform

    • 318
    • 11
    • 318
    • 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
Username
Password