CSS types.asin() Function Last Updated : 28 Apr, 2025 Summarize Comments Improve Suggest changes Share Like Article Like Report The inverse sine of an integer between -1 and 1 is returned by the trigonometric asin() CSS function. The single computation in the function yields the number of radians that correspond to an angle between -90deg and 90deg. Syntax: /* numeric values */ transform: rotate(asin(-0.9)); transform: rotate(asin(1)); /* Other values */ transform: rotate(asin(pi / 2)); transform: rotate(asin(e / 4));Parameter: This function accepts a single parameter: number: This is the numeric value translated from -1 to 1.Return Value: It will return an angle for the inverse sine of a number that will lie in between -90deg and 90deg. The result will be NaN if the number is less than -1 or greater than 1.The result will be 0⁻ if the number is 0⁻.Example 1: This example describes how the asin() function works. HTML <!DOCTYPE html> <html lang="en"> <head> <style> div.heading { width: 100px; height: 30px; color: green; padding: 30px; } div.heading-1 { transform: rotate(asin(0.1)); } div.heading-2 { transform: rotate(asin(0.2)); } div.heading-3 { transform: rotate(asin(1)); } div.heading-4 { transform: rotate(asin(-0.2)); } div.heading-5 { transform: rotate(asin(-0.1)); } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>asin() function</h2> <div class="heading heading-1"> GeeksforGeeks </div> <div class="heading heading-2"> GeeksforGeeks </div> <div class="heading heading-3"> GeeksforGeeks </div> <div class="heading heading-4"> GeeksforGeeks </div> <div class="heading heading-5"> GeeksforGeeks </div> </body> </html> Output: Example 2: This is another example to understand how the asin() function works using pi and e values. HTML <!DOCTYPE html> <html lang="en"> <head> <style> div.heading { width: 100px; height: 30px; color: green; padding: 30px; } div.heading-1 { transform: rotate(asin(pi/8)); } div.heading-2 { transform: rotate(asin(e/5)); } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>asin() function</h2> <div class="heading heading-1"> GeeksforGeeks </div> <div class="heading heading-2"> GeeksforGeeks </div> </body> </html> Output: Supported browsers: The browsers supported by asin() function are listed below: Firefox 16.0Safari 15.4 Comment More infoAdvertise with us Next Article TypeScript Narrowing Assignments T taran910 Follow Improve Article Tags : Web Technologies CSS CSS-Functions Similar Reads Less.js Math asin() Function Less.js is a simple CSS pre-processor that facilitates the creation of manageable, customizable, and reusable style sheets for websites. It was chosen because CSS is a dynamic style sheet language. LESS is flexible, so it works with a variety of browsers. Web browsers can only use CSS that has been 3 min read PHP gettype() Function The PHP gettype() function returns the type of a variable as a string. It identifies the variable's data type, such as string, integer, array, boolean, etc., allowing developers to check and handle different data types dynamically.Syntax:string gettype ( $var )Parameter: This function accepts a sing 2 min read Less.js Type Functions In this article, we will see the Type Functions provided by Less.js. Less.js (Leaner Style Sheets) is an extension to normal CSS which basically enhances the abilities of normal CSS and gives it superpowers. Basically, Type Functions are used to check whether a particular argument (provided to the f 6 min read Type Assertions and Guards Type Assertions and Type Guards are powerful features in TypeScript that are used to handle data types more effectively. They allow you to narrow down types, assign the correct types, and safely access properties or methods that may not be directly accessible based on the type.What are Type Assertio 4 min read TypeScript Narrowing Assignments TypeScript narrowing assignments is a type of type inference mechanism that occurs when TypeScript examines the right side of an assignment and uses that information to narrow down the type of the variable or property on the left side of the assignment.Syntaxlet value: string | number = valueOftheVa 3 min read Typescript Casting TypeScript casting is a mechanism to override the type assigned and treat a variable as a different type than the one assigned by the TypeScript compiler. This can be useful in certain conditions, such as working with third-party libraries or dealing with complex types.TypeScript provides ways to ca 3 min read Like