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
CSS Articles
Page 118 of 130
CSS speech-rate property
The CSS speech-rate property controls the speed at which content is spoken by screen readers and other speech synthesis applications. This property is part of the CSS Speech Module and helps create more accessible web content. Syntax selector { speech-rate: value; } Possible Values ValueDescription numberSpecifies the speaking rate in words per minute x-slowSame as 80 words per minute slowSame as 120 words per minute mediumSame as 180-200 words per minute (default) fastSame as 300 words per minute x-fastSame as 500 words per minute fasterAdds 40 words per minute ...
Read MoreFlip In X Animation Effect with CSS
The CSS Flip In X animation effect creates a 3D flipping motion where an element rotates along the X-axis while appearing on the page. This animation starts with the element rotated 90 degrees and invisible, then flips into view with a bouncing effect. Syntax @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { ...
Read MoreCSS cue property
The CSS cue property is a shorthand for setting cue-before and cue-after properties. It allows you to specify audio cues that play before and after an element's content when using speech synthesis or screen readers. Syntax selector { cue: cue-before cue-after; /* or */ cue: single-value; } Possible Values ValueDescription url()Specifies an audio file to play as a cue noneNo audio cue is played (default) inheritInherits the value from parent element Example: Setting Audio Cues The following example ...
Read MoreCSS cue-before Property
The CSS cue-before property specifies a sound to be played before speaking an element's content in speech synthesis applications. This property is primarily used for audio cues in screen readers and voice browsers. Syntax selector { cue-before: value; } Possible Values ValueDescription url()Specifies the URL of a sound file to be played noneNo sound is played (default value) Example The following example demonstrates how to use the cue-before property to add audio cues − h1 { ...
Read MoreFlip Animation Effect with CSS
The CSS flip animation effect creates a 3D rotation that makes an element appear to turn over or flip around its Y-axis. This effect uses CSS transforms and keyframes to create smooth, eye-catching animations. Syntax selector { animation: flip duration timing-function; transform: perspective(distance) rotateY(angle); } Example The following example demonstrates a flip animation effect that rotates an element 360 degrees with perspective − .flip-container { width: 200px; ...
Read MoreFlash Animation Effect with CSS
The CSS flash animation effect creates a sudden brief burst of bright light by rapidly alternating an element's opacity between visible and invisible states. This creates a strobe-like flashing effect that draws attention to specific elements. Syntax @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation: flash duration timing-function ...
Read MoreFade Out Up Big Animation Effect with CSS
The CSS Fade Out Up Big animation creates a dramatic exit effect where an element fades out while moving upward by a large distance. This animation is perfect for removing elements with an impactful visual transition. Syntax @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); ...
Read MoreValues to set page size in CSS
The CSS @page rule's size property controls the dimensions and orientation of printed pages. There are four values that can be used to set page size − auto − The page box will be set to the size and orientation of the target sheet. landscape − Overrides the target's orientation. The page box is the same size as the target, and the longer sides are horizontal. portrait − Overrides the target's orientation. The page box is the same size as the target, and the shorter sides are horizontal. length − Length values for the 'size' property create an ...
Read MoreFade Out Up Animation Effect with CSS
The CSS fade out up animation effect creates a smooth transition where an element gradually fades out while moving upward. This effect is commonly used for removing elements from view with a subtle upward motion. Syntax @keyframes fadeOutUp { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-distance); ...
Read MoreCSS elevation Property
The elevation property in CSS sets the vertical position of a sound source in 3D audio space. This property is part of the aural stylesheet properties designed for speech synthesizers and audio browsers. Syntax selector { elevation: value; } Possible Values ValueDescription angleSpecifies elevation as an angle between -90deg and 90deg belowSame as -90deg (directly below the listener) levelSame as 0deg (on the forward horizon) aboveSame as 90deg (directly overhead) higherAdds 10 degrees to the current elevation lowerSubtracts 10 degrees from the current elevation Example The ...
Read More