Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles on Trending Technologies
Technical articles with clear explanations and examples
CSS transition-timing-function property
To set up different speed curves with transition-timing-function, you can try to run the following codeExampleLive Demo div { width: 100px; height: 100px; background: red; transition: width 4s; } #effect1 { transition-timing-function: linear; } #effect2 { transition-timing-function: ease-in; } #effect3 { transition-timing-function: ease-out; } div:hover { width: 250px; } Transition Effect Hover over the div elements and see the transition effect and the speed: linear effect ease-in effect ease-out effect
Read MoreSet the name of the CSS property the transition effect is for
To set the name of the CSS property the transition effect is, use the CSS transition-property.In the below example, we have set the property as width and set the duration as well:ExampleLive Demo div { width: 150px; height: 150px; background: blue; transition-property: width; transition-duration: 3s; } div:hover { width: 250px; } Heading One Hover over the below box to change its width.
Read MoreCSS transition-duration property
Use the transition-duration property to set the duration of transitionExampleLive Demo div { width: 150px; height: 150px; background: blue; transition-property: height; transition-duration: 2s; } div:hover { height: 200px; } Heading One Hover over the below box to change its height.
Read MoreSet a delay for the CSS transition effect
Use the transition-delay property to set a delay for the transition effect with CSS. You can try to run the following code to set a 1-second delay of transition:ExampleLive Demo div { width: 150px; height: 150px; background: blue; transition: width 3s; transition-delay: 2s; } div:hover { width: 350px; } Heading One Hover over the below box to change its width. It begins with a delay of 2 seconds.
Read MoreC++ Program to Print Number Entered by User
The objects “cin” and “cout” are used in C++ for input and output respectively. cin is an instance of the istream class and is attached to the standard input device such as the keyboard. cout is an instance of the ostream class and is connected to the standard output device such as the display screen.A program that prints the number entered by the user is as follows −Example Live Demo#include using namespace std; int main() { int num; coutnum; cout
Read MoreC++ Program to Find Quotient and Remainder
Quotient and Remainder are parts of division along with dividend and divisor.The number which we divide is known as the dividend. The number which divides the dividend is known as the divisor. The result obtained after the division is known as the quotient and the number left over is the remainder.dividend = divisor * quotient + remainderFor Example: If 15 is divided by 7, then 2 is the quotient and 1 is the remainder. Here, 15 is the dividend and 7 is the divisor.15 = 7 * 2 + 1A program to find quotient and remainder is as follows:Example Live Demo#include ...
Read MoreAdd CSS transition effect for both the width and height property
To add transition effect for width and height property of an element, you can try to run the following codeExampleLive Demo div { width: 150px; height: 150px; background: blue; transition: width 3s; } div:hover { width: 250px; height: 250px; } Heading One Hover over the below box to change its width and height.
Read MoreC++ Program to find size of int, float, double and char in Your System
Data Types in C++There are many data types in C++ but the most frequently used are int, float, double and char. Some details about these data types are as follows −int - This is used for integer data types which normally require 4 bytes of memory space.float - This is used for storing single precision floating point values or decimal values. float variables normally require 4 bytes of memory space.double - This is used for storing double precision floating point values or decimal values. Double variables normally require 8 bytes of memory space.char - This is used for storing characters. ...
Read MoreHow to work with CSS Transitions?
Use the transition property to work with CSS Transitions.You can try to run the following code to implement transitions in CSS:ExampleLive Demo div { width: 150px; height: 150px; background: blue; transition: width 4s; } div:hover { width: 200px; } Heading One Hover over the below box to change its width.
Read MoreBuild a radial gradient with the shape of a circle
To create a circle with radial gradient, you can try to run the following code. Set another parameter in radial gradient for shapes like circleExampleLive Demo #demo { height: 400px; background: radial-gradient(circle, red , blue, yellow); } Radial Gradient Radial Gradients
Read More