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 Jennifer Nicholas
Page 5 of 21
Create tooltips with CSS
A tooltip is a small popup that appears when a user hovers over an element, providing additional information or context. CSS tooltips are lightweight, accessible, and don't require JavaScript. Syntax .tooltip { position: relative; } .tooltip .tooltiptext { visibility: hidden; position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { visibility: visible; } Example: Basic Tooltip The following example creates a simple tooltip that appears on hover − ...
Read MoreHow to set the fill-mode for an Animation with CSS
The CSS animation-fill-mode property defines which values are applied by the animation before it starts and after it ends. This property controls whether an element retains the animation's initial or final styles when the animation is not running. Syntax selector { animation-fill-mode: value; } Possible Values ValueDescription noneDefault. Animation does not apply any styles before or after execution forwardsElement retains the styles from the last keyframe after animation ends backwardsElement gets the styles from the first keyframe before animation starts bothAnimation follows rules for both forwards and backwards ...
Read MoreCSS perspective-origin property
The CSS perspective-origin property defines the position from which the viewer is looking at 3D-positioned elements. It determines the vanishing point for the perspective effect, controlling how 3D transformations appear to the viewer. Syntax selector { perspective-origin: x-position y-position; } Possible Values ValueDescription x-positionHorizontal position: left, center, right, or percentage/length values y-positionVertical position: top, center, bottom, or percentage/length values initialSets to default value (50% 50%) inheritInherits from parent element Example: Left Origin Perspective The following example demonstrates how perspective-origin: left affects the viewing angle of a ...
Read MoreSet left tooltip with CSS
To set left tooltip, use the right CSS property. A left tooltip appears to the left of the trigger element when hovering, creating an interactive user interface element. Syntax .tooltip .tooltip-text { position: absolute; right: 100%; } Key Properties PropertyPurpose position: absolutePositions tooltip relative to parent right: 100%Places tooltip to the left of parent element visibility: hidden/visibleControls tooltip display on hover Example The following example creates a left tooltip that appears when hovering over the text − ...
Read MoreWobble Animation Effect with CSS
The CSS wobble animation effect creates a shaking or oscillating motion by combining horizontal translation and rotation transforms. This effect is commonly used to draw attention to elements or create playful interactions. Syntax @keyframes wobble { /* Define keyframe percentages with transform values */ } .element { animation: wobble duration timing-function; } Example: Simple Wobble Animation The following example creates a wobble effect on a box element − .wobble-box { ...
Read MoreWhat happens when a function is called before its declaration in C?
In C programming, when a function is called before its declaration, the compiler makes an assumption about the function's return type. If no prototype is provided, the compiler assumes the function returns an int by default. This can lead to compilation errors if the actual function returns a different type. Syntax return_type function_name(parameters); // Function declaration/prototype Example 1: Error with Non-Integer Return Type When a function returns a type other than int but is called before declaration, it causes a type conflict − #include int main() { ...
Read MoreWhat is evaluation order of function parameters in C?
In C programming, when we pass arguments to a function, a common question arises: what is the order of evaluation of function parameters? Is it left to right, or right to left? The C standard does not specify the evaluation order, making it implementation-defined behavior. Syntax function_name(arg1, arg2, arg3, ...); Example: Testing Parameter Evaluation Order Let's examine a program that demonstrates the evaluation order by using side effects − #include void test_function(int x, int y, int z) { printf("The value of x: %d", x); ...
Read MoreOctal literals in C
In C, we can use octal literals by typing a zero before the actual number. For example, if an octal number is 25, then we have to write 025. Octal literals use base-8 numbering system and contain only digits 0-7. Syntax 0octal_digits Where octal_digits are valid octal digits (0-7). Example The following example demonstrates how to use octal literals in C − #include int main() { int a = 025; /* Octal 25 = Decimal 21 */ int b = ...
Read MoreInitialization of a multidimensional arrays in C/C++
Multidimensional arrays in C are arrays of arrays, where each element is itself an array. They are used to represent data in multiple dimensions like matrices, tables, or grids. The most common type is a 2D array, but C supports arrays of any dimension. 3D Array Memory Layout (2×2×2) Layer 0 [0][0][0] [0][0][1] [0][1][0] ...
Read MoreC program to print a string without any quote in the program
This is another tricky problem. In this program, we will see how to print a string using C where no quotation marks are used in the source code. Here we are using a macro function with the stringizing operator. We define a macro function that converts its argument into a string literal at compile time. Syntax #define getString(x) #x The getString() is a macro function that returns x by converting it into a string. The # before x is the stringizing operator that converts the macro argument into a string literal. Example ...
Read More