9 шт.компл., новинка, милая цветная складная линейка для обучения, линейка сделай сам для детей, студентов, офисов, школ

@keyframes one{ 0%{opacity: 1;} 100%{opacity: 0;} } @-webkit-keyframes one{ 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes one{ 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes one{ 0% {opacity: 1; } 100% { opacity: 0;} } @-o-keyframes one{ 0% { opacity: 1; } 100% { opacity: 0; } } .one:hover{ background: yellowgreen; } .one{ text-align:center; width:20%; margin:0 auto; font-size:20px; background:transparent; box-shadow:0 0 10px blue; border-radius:4px; animation: one 1s linear infinite; -webkit-animation: one 0.9s linear infinite; -moz-animation: one 0.9s linear infinite; -ms-animation: one 0.9s linear infinite; -o-animation: one 0.9s linear infinite; }

 

.img-container{ animation: taiji 5s infinite linear;-webkit-animation: taiji 5s infinite linear;-moz-animation: taiji 5s infinite linear;-ms-animation: taiji 5s infinite linear; -o-animation: taiji 5s infinite linear; }@keyframes taiji{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes taiji{from{transform:rotate(0deg)} to{transform:rotate(360deg)}}@-moz-keyframes taiji{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-ms-keyframes taiji{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @-o-keyframes taiji{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .product-title{background: linear-gradient(135deg,white 30px,red 60px,white 90px);-webkit-background-clip: content-box;background-position: 0px;animation:wudang 3s infinite linear;} @keyframes wudang{0%{background-position: 0px 0px;}10%{background-position: 40px 0px;}20%{background-position: 80px 0px;}30%{background-position: 120px 0px;}40%{background-position:160px 0px; }50%{background-position: 200px 0px;}60%{background-position: 250px 0px;}70%{background-position: 290px 0px;}80%{background-position: 335px 0px;}90%{background-position:380px 0px; }100%{background-position: 430px 0px;}}