CSS azimuth Property

Last Updated : 08 Jun, 2023

The azimuth CSS property is used to set the direction of sound sources in audio playback. It specifies the angle at which the sound is positioned around the listener, allowing for 3D audio effects. The value can be defined in degrees or keywords like “left”, “right”, “center”, and “behind”.

Syntax:

html tag {
    azimuth: 70deg;
}

html tag {
    azimuth: behind left;
}

/* This part should be written in head tag  */

Example 1: Here is an example of the above-explained property.

HTML

<!DOCTYPE html>
<html>
<head>
    <!-- h1 and h3 with azimuth property  -->
    <style type="text/css">
        h1 {
            azimuth: 70deg;
            color: green;
        }
         
        h3 {
            azimuth: behind left;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks portal</h1>
    <h3>computer science</h3>
 
    <!-- Defining h1 and h3 tags with content -->
</body>
</html>

Output:

Example 2: Here is an example of the above-explained property.

HTML

<!DOCTYPE html>
<html>
<head>
    <!-- Defining azimuth property with 
        azimuth by 180 degrees -->
    <style type="text/css">
        p {
            azimuth: 180deg;
        }
    </style>
</head>
 
<body>
    <p>Computer php and java
    <p>
        <!-- paragraph tag -->
    </p>
</body>
</html>