-
CSS transition-property Property
The transition-property specifies the names of the properties for the transition. It can be either comma-separated property names or “all” value can be used to specify all properties on an element to be transitioned. Initial Value all Applies to All elements, ::before and ::after pseudo-elements. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.transitionProperty = “height”; Syntax Example of the transition-property property:…
-
JavaScript Garbage Collection
In this chapter, we are going to see how JavaScript manages its memory. JavaScript is a unique language, it is capable of automatically allocating memory once objects are created and freeing it when they are not used anymore. In contrast, low-level languages require manual determination at what point in the program that allocated memory is not needed…
-
JavaScript Object Methods, “this”
In JavaScript, objects are created for representing real-world entities, such as orders, users, and more. Here is an example: In the real world, you act like this: login, logout, choose something from a shopping cart, and more. In JavaScript, you can represent actions by functions in properties. Examples of Methods Your first step while studying JavaScript object…
-
CSS transition-duration Property
The transition-duration property defines how long the transition animation should take. The transition-duration property is one of the CSS3 properties. One or multiple comma-separated durations can be specified. Several durations may be specified, and each of these durations will be applied to the matching property defined by the CSS transition-property. This property acts as a master list,…
-
Javascript Objects
Defining JavaScript Objects Generally, JavaScript is known as an Object Oriented Programming language. Hence, in JavaScript, objects are the most important data types and forms. They are entirely different from primitive data types in JavaScript. As it was mentioned in the the chapter “Data types”, there are seven data types in JavaScript, six of which are called “primitive” as their values include…
-
CSS transition-delay Property
The transition-delay CSS property specifies when the transition effect should start. The transition-delay property is one of the CSS3 properties. The default value is 0s which means that the transition effect starts immediately. The time offset which is specified with the transition-delay property offsets the transition animation by the specified amount. The offset can be a negative value as well.…
-
CSS transition Property
The transition CSS property is a shorthand property for the following properties: The transition property is one of the CSS3 properties. The transition-duration should be specified first because, by default, it will be 0s and the property will not have an effect. The properties are separated by commas. If more than one transition is specified and any of the transitions have “none”…
-
JavaScript Arrow Functions
Arrow functions are one of the popular features of ES6 syntax for writing JavaScript function expressions. Arrow function expressions cannot be used as constructors. Arrow functions also called “fat arrow” functions, there are a more concise syntax for writing function expressions. By using arrow functions, we avoid having to type the function keyword, return keyword and curly brackets. This creates a function func…
-
JavaScript Function Expressions
There are two different ways of creating functions in JavaScript. We can use function declaration and function expression. The difference between them is the function name, which can be omitted in function expressions to create anonymous functions. Here is the syntax for Function Declaration: And this is the syntax for Function Expression: The function is assigned to the variable, like any other value. No matter…
-
CSS transform-style Property
The transform-style property specifies how the children elements are rendered in three dimensional (3D) space. This property is one of the CSS3 properties. It only works with the transform property. The transform-style property has two values: flat and preserve-3d. If “flat” value is set, the element’s children will not exist on their own in the 3D-space. Initial Value flat Applies to Transformable…