Shulou(Shulou.com)06/01 Report--

This article mainly explains the "deg unit case analysis in css3". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "deg unit case analysis in css3".

In css3, deg is a unit of angle, the full name "Degress", meaning "degree"; the angle ranges from "deg" to a negative number, or counterclockwise if it is a negative number.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

In css3, deg is an angular unit, the full name "Degress", which means "degree".

A circle has a total of 360 degrees, so the angle ranges from "0,360" degrees (deg). Of course, it can also be negative, or counterclockwise if it is negative.

Conversion between angle values:

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

Example:

Css border shadow-filter:drop-shadow () div {margin: 30px; width: 200px; height: 100px; background-color: yellow Line-height: 100px; text-align: center;}

Hello World

Adding the following style to div rotates the element 90 degrees clockwise

/ * Rotate div * / transform: rotate (90deg);-ms-transform: rotate (90deg); / * Internet Explorer * /-moz-transform: rotate (90deg); / * Firefox * /-webkit-transform: rotate (90deg); / * Safari and Chrome * /-o-transform: rotate (90deg); / * Opera * /

Adding the following style to div rotates the element 90 degrees counterclockwise

/ * Rotate div * / transform: rotate (- 90deg);-ms-transform: rotate (- 90deg); / * Internet Explorer * /-moz-transform: rotate (- 90deg); / * Firefox * /-webkit-transform: rotate (- 90deg); / * Safari and Chrome * /-o-transform: rotate (- 90deg); / * Opera * /

Thank you for your reading, the above is the content of "deg unit case analysis in css3". After the study of this article, I believe you have a deeper understanding of the problem of deg unit case analysis in css3, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.