[CSS knowledge-5] CSS3 style part sorting

Time:2020-9-29

Rounded borders and shadows

[CSS knowledge-5] CSS3 style part sorting
be careful:
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting

  • -Moz stands for the private properties of the firebox browser
  • -MS stands for private property of IE browser
  • -WebKit represents the private properties of chrome and safari

[CSS knowledge-5] CSS3 style part sorting[CSS knowledge-5] CSS3 style part sorting

  • Code example

Text and text

[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting

  • Code example

Rotation and scaling of 2D transformation

[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting

  • Often used in such scenes
.box:hover{
    transform: scale(1.2);
}
  • Code example

Transition and animation

Transition property name duration transition method
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting

  • Code example

3D transformation

[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting
[CSS knowledge-5] CSS3 style part sorting

  • Code example

Recommended Today

What black technology does the real-time big data platform use behind the glory of the king?

Hello everyone, I’m Xu Zhenwen. Today’s topic is “Tencent game big data service application practice based on Flink + servicemesh”, which is mainly divided into the following four parts: Introduction to background and Solution Framework Real time big data computing onedata Data interface service onefun Microservice & servicemesh 1、 Introduction to the solution framework and […]