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
C++ Program to Check Whether Number is Even or Odd
A number is even if it is divisible by two and odd if it is not divisible by two.Some of the even numbers are −2, 4, 6, 8, 10, 12, 14, 16Some of the odd numbers are −1, 3, 5, 7, 9, 11, 13, 15, 17Check Whether Number is Even or Odd using ModulusA program to check whether number is even or odd using modulus is as follows.Example Live Demo#include using namespace std; int main() { int num = 25; if(num % 2 == 0) cout
Read MoreHow to scale down an image with CSS to make it responsive
To make an image responsive, you can try to run the following code:ExampleLive Demo img { max-width: 100%; height: auto; }
Read MoreC++ Program to Find Largest Number Among Three Numbers
The largest number among three numbers can be found using if statement multiple times. This is given in a program as follows −Example Live Demo#include using namespace std; int main() { int a = 5 ,b = 1 ,c = 9; if(a>b) { if(a>c) cout
Read MoreDisplay a blue shadow on image hover with CSS
To display a shadow on image hover, use the CSS box-shadow propertyExampleLive Demo img { border: 2px solid orange; border-radius: 3px; padding: 7px; } img:hover { box-shadow: 0 0 2px 2px blue; }
Read MoreCreate white text with black shadow using CSS
Use the text-shadow property to create white text with black shadow.You can try to run the following code to implement the text-shadow property:ExampleLive Demo h1 { color: white; text-shadow: 3px 3px 3px #000000; } Heading One Above heading has a text shadow effect.
Read MoreCreate red neon glow shadow using CSS
To create red neon glow shadow, use the text-shadow property. You can try to run the following code to achieve thisExampleLive Demo h1 { text-shadow: 0 0 4px #FF0000; } Heading One Above heading has a read neon glow shadow effect.
Read MoreFade In Tooltip with CSS Animation
To fade in tooltip text with CSS, you can try to run the following code:ExampleLive Demo .mytooltip .mytext { visibility: hidden; width: 140px; background-color: blue; color: #fff; z-index: 1; top: -5px; right: 110%; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; opacity: 0; transition: opacity 1s; } .mytooltip { position: relative; display: inline-block; margin-left: 150px; } .mytooltip .mytext:after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent blue; } .mytooltip:hover .mytext { visibility: visible; opacity: 1; } Keep mouse cursor over me My Tooltip text
Read MoreUsage of transform property with CSS
The transform property in CSS is used to apply a 2D or 3D transformation to an element. You can try to run the following code to implement the transform property −ExampleLive Demo div { width: 200px; height: 100px; background-color: gray; transform: rotate(10deg); } Rotation Demo
Read MoreHow to apply a 2D or 3D transformation to an element with CSS
Apply a 2D or 3D transformation to an element with the transform property in CSS. You can try to run the following code to rotate an element using transformationExampleLive Demo div { width: 200px; height: 100px; background-color: gray; transform: rotate(10deg); } Rotation Demo
Read MoreSelects every <ul> element that are preceded by a <p> element with CSS
Use the element ~ element selector to select elements preceded by element. You can try to run the following code to implement thisExampleLive Demo p~ul { color: white; background-color: blue; } Demo Website Fruits Vegetables are good for health. Spinach Onion Capsicum Fruits are good for health. Apple Orange Kiwi
Read More