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
-
Economics & Finance
Articles by Vrundesha Joshi
Page 3 of 22
Align flex lines with CSS
The CSS align-content property is used to align flex lines in a flex container when there is extra space in the cross-axis direction. This property only works when flex-wrap is set to wrap or wrap-reverse, creating multiple lines of flex items. Syntax selector { align-content: value; } Possible Values ValueDescription stretchLines stretch to take up remaining space (default) flex-startLines are packed toward the start of the cross-axis flex-endLines are packed toward the end of the cross-axis centerLines are centered in the cross-axis space-betweenLines are evenly distributed with space between ...
Read MoreUsage of CSS align-items property flex-end value
The CSS align-items property with the flex-end value is used to align flex items to the end of the cross-axis, which is typically the bottom of the flex container when using the default row direction. Syntax selector { display: flex; align-items: flex-end; } Example The following example demonstrates how to align flex items to the bottom of their container using align-items: flex-end − .mycontainer { display: flex; ...
Read MoreSet the color of the rule between columns with CSS
The CSS column-rule-color property sets the color of the rule (line) that appears between columns in a multi-column layout. This property is used in conjunction with column-rule-style to create visible separators between columns. Syntax selector { column-rule-color: color; } Possible Values ValueDescription colorAny valid CSS color value (hex, rgb, rgba, named colors, etc.) initialSets the property to its default value inheritInherits the color from the parent element Example: Orange Dashed Column Rule The following example creates a 4-column layout with orange dashed rules between columns − ...
Read MoreUsage of transform property with CSS
The CSS transform property is used to apply 2D or 3D transformations to an element. This property allows you to rotate, scale, translate (move), or skew elements without affecting the document flow. Syntax selector { transform: transform-function(value); } Common Transform Functions FunctionDescriptionExample rotate()Rotates element by specified anglerotate(45deg) scale()Scales element sizescale(1.5) translate()Moves element from its positiontranslate(50px, 100px) skew()Skews element along X and Y axesskew(20deg, 10deg) Example 1: Rotation Transform The following example demonstrates how to rotate an element by 10 degrees − ...
Read MoreSpecify how nested elements are rendered in 3D space
The CSS transform-style property controls how nested child elements are rendered in 3D space. It determines whether child elements are positioned in the flat plane of their parent element or in 3D space. Syntax selector { transform-style: flat | preserve-3d; } Possible Values ValueDescription flatChild elements are flattened into the parent's plane (default) preserve-3dChild elements maintain their 3D positioning relative to the parent Example: Nested 3D Elements The following example shows how preserve-3d allows nested child elements to maintain their 3D transformations − ...
Read MoreRotate In Up Left Animation Effect with CSS
The CSS rotate in up left animation effect creates a smooth rotational transition where an element rotates from its normal position to -90 degrees around the left bottom corner while fading out. This animation is commonly used for exit effects and interactive elements. Syntax @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(0deg); opacity: 1; } 100% { ...
Read MoreSet Invert Effect with CSS
The CSS filter: invert() property is used to map the colors of an element to their opposite values in the color spectrum, creating a negative image effect similar to film negatives. Syntax selector { filter: invert(percentage); } Possible Values Value Description 0% No inversion (default) 100% Complete color inversion 50% Gray appearance Example: Image Invert Effect The following example applies an invert filter to an image − .original ...
Read MoreFunctions that are executed before and after main() in C
Here we will see how to write a code where two functions are present, and one function will be executed before the main function, and another function will be executed after the main function. These features are used to do some startup task before executing the main, and some cleanup task after executing main. To do this task we have to put attribute for these two functions. When the attribute is constructor attribute, then it will be executed before main(), and when the attribute is destructor type, then it will be executed after main(). Syntax void ...
Read MoreHow to execute zombie and orphan process in a single C program?
In this section we will see how to execute zombie process and orphan process in a single program in C. Before going to the main discussion, let us see what are the zombie process and orphan process. Zombie Processes A zombie process is a process whose execution is completed but it still has an entry in the process table. Zombie processes usually occur for child processes, as the parent process still needs to read its child's exit status. Once this is done using the wait system call, the zombie process is eliminated from the process table. This is ...
Read Morefork() in C
In this section we will see what is the fork system call in C. This fork system call is used to create a new process. This newly created process is known as child process. The current process which is creating another child process is called the parent process. A child process uses the same program counter, CPU register, same files that are used by the parent process. Syntax #include #include pid_t fork(void); Return Value The fork() does not take any parameter, it returns integer values. It may return three types ...
Read More