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

This article mainly shows you "what attributes have been added to CSS3", the content is simple and clear, and I hope it can help you solve your doubts. Let the editor lead you to study and learn about "what attributes have been added to CSS3".

CSS3 text Shadow

This is a line of text.

Image23.jpg

CSS3 background gradient effect

Linear gradient attributes in CSS3 are only supported so far in Safari4 and Chrome and Firefox3.6.

Image24.jpg

CSS3 color effect

Now has opacity.

Rgb is used to set the color of an element in CSS, but a new operation has been added in CSS3 to set the opacity of the color. Rgb has been converted to rgba, which simplifies the way to control the opacity of elements.

Image27.jpg

CSS3 conversion (element rotation)

CSS3 introduced a new transform attribute to rotate the element.

Rotate

Image25.jpg

CSS3 multi-column layout

On the page layout, each page needs to be divided into columns and adjusted to suit different browsers. The multi-column layout properties used in CSS3 simply specify the number of columns required and then create them.

The column-count attribute specifies the number of columns that the element should be separated from

Div.content {

Width:210px

Border:1pxsolid#ccc

/ * divide the current content into three columns * /

-webkit-column-count:3

-interval between webkit-column-gap:25px;/* columns * /

-webkit-column-rule:1pxsolid#ccc;/* specifies the width, style and color rules between columns * /

}

Chinese website provides a large number of free, original, high-definition php video tutorials, and regular public welfare php training! You can modify the sample code online while learning to see the implementation effect! php from entry to proficiency, one-stop php self-learning platform!

The above is all the content of this article "what attributes have been added to CSS3?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.