什么是css css3,什么是CSS3？

Hello CSS3

Hello CSS3

body{

background:#000;

}

h1 {

text-align:center;

color:#fff;

font-size:48px;

font-family: 'Fruktur', cursive;

text-shadow: 1px 1px 1px #ccc,

0 0 10px #fff,

0 0 20px #fff,

0 0 30px #fff,

0 0 40px #ff00de,

0 0 70px #ff00de,

0 0 80px #ff00de,

0 0 100px #ff00de,

0 0 150px #ff00de;

transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

-webkit-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

animation: run ease-in-out 9s infinite;

-moz-animation: run ease-in-out 9s infinite ;

-webkit-animation: run ease-in-out 9s infinite;

-ms-animation: run ease-in-out 9s infinite;

-o-animation: run ease-in-out 9s infinite;

}

@keyframes run {

0% {

transform:rotateX(-5deg) rotateY(0);

}

50% {

transform:rotateX(0) rotateY(180deg);

text-shadow: 1px 1px 1px #ccc,

0 0 10px #fff,

0 0 20px #fff,

0 0 30px #fff,

0 0 40px #3EFF3E,

0 0 70px #3EFFff,

0 0 80px #3EFFff,

0 0 100px #3EFFee,

0 0 150px #3EFFee;

}

100% {

transform:rotateX(5deg) rotateY(360deg);

}

}

@-moz-keyframes run {

0% {

-moz-transform:rotateX(-5deg) rotateY(0);

}

50% {

-moz-transform:rotateX(0) rotateY(180deg);

text-shadow: 1px 1px 1px #ccc,

0 0 10px #fff,

0 0 20px #fff,

0 0 30px #fff,

0 0 40px #3EFF3E,

0 0 70px #3EFFff,

0 0 80px #3EFFff,

0 0 100px #3EFFee,

0 0 150px #3EFFee;

}

100% {

-moz-transform:rotateX(5deg) rotateY(360deg);

}

}

@-webkit-keyframes run {

0% {

-webkit-transform:rotateX(-5deg) rotateY(0);

}

50% {

-webkit-transform:rotateX(0) rotateY(180deg);

text-shadow: 1px 1px 1px #ccc,

0 0 10px #fff,

0 0 20px #fff,

0 0 30px #fff,

0 0 40px #3EFF3E,

0 0 70px #3EFFff,

0 0 80px #3EFFff,

0 0 100px #3EFFee,

0 0 150px #3EFFee;

}

100% {

-webkit-transform:rotateX(5deg) rotateY(360deg);

}

}

@-ms-keyframes run {

0% {

-ms-transform:rotateX(-5deg) rotateY(0);

}

50% {

-ms-transform:rotateX(0) rotateY(180deg);

}

100% {

-ms-transform:rotateX(5deg) rotateY(360deg);

}

}