Skip to main content

Posts

CSS Animation

CSS Animation In this chapter you will learn about the following properties: @keyframes animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-timing-function animation-fill-mode animation What are CSS Animations? An animation lets an element gradually change from one style to another. You can change as many CSS properties you want, as many times as you want. To use CSS animation, you must first specify some keyframes for the animation. Keyframes hold what styles the element will have at certain times. The @keyframes Rule When you specify CSS styles inside the  @keyframes  rule, the animation will gradually change from the current style to the new style at certain times. To get an animation to work, you must bind the animation to an element. The following example binds the "example" animation to the <div> element. The animation will last for 4 seconds, and it will gradually change the background-color of the <div>...
Recent posts

Javascript Array's Methods and Properties

  Javascript Array methods : Javascript has an array of methods and properties. In this lesson, we are going to learn about JS Array properties and methods.   Array sort() method :  The array has a method called sort(), this method is used to sort the array. It means the sort() method re-arranges the array from lower order to higher order. Ex.  console.log(wellcome to js tutorial!!!!); let arr = [ 45 , 56 , 24 , 14 , 67 ]; console . log ( arr ); arr . sort (); console . log ( "After sorting array : " , arr ); It will give output in console :  PS D:\practicejs> node index3.js welcome to js tutorial!!! [ 45, 56, 24, 14, 67 ] After sorting array :  [ 14, 24, 45, 56, 67 ] PS D:\practicejs>