CSS Animation Notes
CSS Transform
transform
:
- No affect on the CSS box model layout (excepts
overflow
). - No affect on
display: inline
element. - Affect the visual rendering.
- Affect client rectangles exposed by
Element Interface Extensions
(getClientRects()
/getBoundingClientRect()
). - Affect after
clip
/clip-path
: firstclip
/clip-path
, thentransform
. - Create new stacking context.
- Create new containing block
for
absolute
/fixed
positioned children. <transform-function>+
: 多重变换