Articles on Trending Technologies

Technical articles with clear explanations and examples

Fade Out Left Big Animation Effect with CSS

karthikeya Boyini
karthikeya Boyini
Updated on 15-Mar-2026 115 Views

The CSS Fade Out Left Big animation effect creates a dramatic exit animation where an element gradually fades out while sliding far to the left (-2000px). This effect combines opacity and transform properties to create a smooth disappearing animation. Syntax @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; ...

Read More

CSS border-radius property

Samual Sam
Samual Sam
Updated on 15-Mar-2026 200 Views

The CSS border-radius property is used to create rounded corners on elements. This property allows you to specify the radius of the corners, making elements appear with smooth, curved edges instead of sharp rectangular corners. Syntax selector { border-radius: value; } Possible Values ValueDescription lengthDefines the radius in px, em, rem, etc. %Defines the radius as a percentage of the element's dimensions initialSets the property to its default value (0) inheritInherits the value from the parent element Example: Basic Rounded Corners The following example demonstrates how ...

Read More

Alternate vowel and consonant string in C/C++?

Nishu Kumari
Nishu Kumari
Updated on 15-Mar-2026 574 Views

We are given a string with both vowels and consonants. Our task is to rearrange it so that vowels and consonants appear alternately, while keeping their original order within their groups. This rearrangement is only possible if the number of vowels and consonants is equal, or their difference is exactly one. If multiple valid arrangements are possible, we return the one that is lexicographically smaller. Syntax char* alternateVowelConsonant(char* str); bool isVowel(char ch); Example Scenarios Scenario 1 Input: "objective" Output: "obejctive" Explanation: Vowels = [o, e, i, e], Consonants = [b, j, ...

Read More

Add special colored corner to body or text in CSS

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 15-Mar-2026 530 Views

CSS rounded corners are used to add special colored corners to body or text by using the border-radius property. This property allows you to create smooth, curved corners instead of the default sharp rectangular edges. Syntax selector { border-radius: value; } Possible Values ValueDescription lengthDefines the radius in px, em, rem, etc. %Defines the radius as a percentage of the element's dimensions initialSets the property to its default value inheritInherits the property from its parent element Example: Basic Rounded Corners The following example creates a colored ...

Read More

C/C++ Program for Finding the Number Occurring Odd Number of Times?

sudhir sharma
sudhir sharma
Updated on 15-Mar-2026 552 Views

In C programming, finding the number that occurs an odd number of times in an array is a common problem. Given an array where all elements appear an even number of times except one, we need to identify that unique element. Consider the array [1, 2, 1, 3, 3, 2, 2]. Here, the number 2 appears 3 times (odd), while others appear even times. Example Scenarios Input: arr[] = {5, 7, 8, 8, 5, 8, 8, 7, 7} Output: 7 The number 7 appears 3 times (odd frequency). Input: arr[] = {2, 3, 2, 1, ...

Read More

How to check the validity of your CSS

karthikeya Boyini
karthikeya Boyini
Updated on 15-Mar-2026 148 Views

Validation is the process of checking something against a rule. When you are a beginner, it is very common that you will commit many mistakes in writing your CSS rules. How will you make sure whatever you have written is 100% accurate and up to the W3C quality standards? If you use CSS, your code needs to be correct. The improper code may cause unexpected results in how your page looks or functions. A CSS validator checks your Cascading Style Sheets to make sure that they comply with the CSS standards set by the W3C Consortium. Why Validate ...

Read More

C/C++ Program to Find the sum of Series with the n-th term as n^2 – (n-1)^2

sudhir sharma
sudhir sharma
Updated on 15-Mar-2026 403 Views

This program finds the sum of a mathematical series where the n-th term is defined as Tn = n2 - (n-1)2. We need to calculate the sum Sn = T1 + T2 + T3 + ... + Tn modulo (109 + 7). Syntax result = ((n % mod) * (n % mod)) % mod; Mathematical Derivation First, let's simplify the term Tn − Tn = n2 - (n-1)2 Tn = n2 - (n2 - 2n + 1) Tn = n2 - n2 + 2n - 1 Tn = 2n - 1 ...

Read More

Create a Column Layout using CSS

Yaswanth Varma
Yaswanth Varma
Updated on 15-Mar-2026 485 Views

Web developers can organize and structure content in a visually appealing way by utilizing CSS to create a column layout. Developers can define the number of columns by using the column-count property, while the column-gap property regulates the distance between them. This technique maximizes available space and improves readability, especially for webpages with a lot of text. Syntax selector { column-count: number; column-width: length; column-gap: length; column-rule: width style color; } Key Properties for Column Layout PropertyDescription ...

Read More

Add n binary strings?

sudhir sharma
sudhir sharma
Updated on 15-Mar-2026 471 Views

In C programming, adding n binary strings involves performing binary addition on multiple binary numbers represented as strings. We need to add all binary strings together to produce a single binary result. The approach uses binary addition logic with carry propagation, adding all strings one by one to get the final result. Syntax char* addBinaryStrings(char* binary1, char* binary2); char* addNBinaryStrings(char** binaryArray, int n); Example: Adding Multiple Binary Strings This example demonstrates adding three binary strings using a helper function that adds two binary strings at a time − #include #include ...

Read More

Set different font families for screen and print with CSS

Samual Sam
Samual Sam
Updated on 15-Mar-2026 2K+ Views

The CSS @media rule allows you to specify different styles for different output devices. You can use it to set different font families for screen display and print output, ensuring optimal readability for each medium. Syntax @media screen { selector { font-family: font-for-screen; } } @media print { selector { font-family: font-for-print; } } Example: Different Font Families for Screen and Print ...

Read More
Showing 21491–21500 of 61,297 articles
Advertisements