CSS Button style animation for biggners

SOURCE CODE

HTML :

  


CSS :

       


@keyframe - In CSS, a keyframe is a reference point used in CSS animations or transitions to define specific moments or positions of an element during the animation. A keyframe is created using the @keyframes rule, which specifies the properties and values of the element at specific percentage points or keyframes throughout the animation.

in the above example the exe is the name of the animation that must be specified in the required css rule

by using animation-name tag . animation-duration defines the time of animation and animation-itration-count used to define the number of times the animation should work in the example it is set to infinity so it work infinitley. 

FEEL FREE TO ASK ANYTHING IN THE COMMENT I WILL UPDATE IT PROPERLY AS YOU ASK !.

Thanku for reading....


Comments

Post a Comment

Popular posts from this blog

Method overloading (java)

Image
  Method Overloading (java) syntax:    Method overloading in Java allows you to define multiple methods with the same name but different parameter lists. When a method is overloaded, the compiler chooses which version of the method to call based on the number and types of arguments passed to it. Here is the syntax for defining overloaded methods in Java: In this example, the MyClass class defines three methods with the same name, myMethod , but different parameter lists. The first method takes one integer parameter, the second takes one String parameter, and the third takes one integer and one String parameter. To call an overloaded method, you simply use the same method name with the appropriate arguments: In this example, the myMethod method is called three times with different arguments, and the appropriate version of the method is executed based on the number and types of arguments passed. NOTES WILL BE UPDATED AS THE NEED! IF EXAMPLES REQUIRED PLEASE COMMENT BELOW!
Read more