Summary of Atitti css3 new features attilax

Atitti css3 New featuresattilaxSummary

Picture glow effect2

Transparent gradient effect2

Text Stroke2

Background Stretch2

CSS3 Selector4

@Font-face Features7

Word-wrap & Text-overflow style9

Word-wrap9

Text-overflow10

Text rendering (Text-decoration) Stroke12

CSS3 multi-column layout13

Border and color (color, border)14

CSS3 gradient effect (Gradient)15

Linear Gradient15

Radial Gradient16

CSS3 Shadow and Reflection effects19

CSS3 background effect21

CSS3 box model23

Transitions, Transforms and Animation for CSS330

Transitions30

Transform31

Animation33

Picture glow effect

text-shadow:#000 3px 0 0,#000 0 3px 0,#000 -3px 0 0,#000 0 -3px 0;

You can set the lighting effect of each side, which is a bit more complicated. .

Transparent gradient effect

background: radial-gradient(circle, rgba(230,251,12,1.00) 40% , rgba(230,251,12,1.00) , rgba(230,251,12,0)) ; /* Standard syntax*/

Text Stroke

Use text rendering (Text-decoration) stroke to do it. . Although the luminous effect is okay, the single effect is not good

Background Stretch

background-size:100% 100%;

Transitions, Transforms and Animation for CSS330

Transitions30

transition-property: used to specify transition effect

Transform31

Animation33

Let’s talk about Animation . It can be said to have opened up a new era of CSS , making CSS break away from the "static" this conventional premise. with web

Learn more about CSS3 New features.html

Author:: nickname:老Wow’s Claw (Full name:: Attilax Akbar Al Rapanui Attilax Akbar Baal Rapa Nui)

Chinese name: Aitila (Ailong), EMAIL:1466519819@qq.com

Please indicate the source when reprinting: http://www.cnblogs.com/attilax/

Atiend