Home > Article > Web Front-end > Summary of Atitti css3 new features attilax
Summary of Atitti css3 new features attilax
- WBOYOriginal
- 2016-10-17 09:11:22989browse
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