5S, IS: 3834, IMS, ISO: 50001, SIX SIGMA, IRIS, Green-Co Certified Organisation
body {
padding-top: 1em;
}
body {
padding-top: 1em;
}
div {
background-color:rgb(25,25,112);
color: rgb(169,169,169);
padding: 22px;
}
.box {
background-color: gold;
font-size: 5vw;
padding: 10vw;
margin: 5vw;
border: solid;
}
.box {
background-color: gold;
font-size: 5vw;
padding: 10vw;
margin: 5vw;
border: solid;
}
.example2 {
height: 250px;
overflow: hidden;
position: relative;
}
.example2 h3 {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: left;
/* Apply animation to this element */
animation: example2 2s ease-out;
}
/* Move it (define the animation) */
@keyframes example2 {
0% {
transform: translateY(200%);
}
100% {
transform: translateY(0%);
}
}
.example2 {
height: 250px;
overflow: hidden;
position: relative;
}
.example2 h3 {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: left;
/* Apply animation to this element */
animation: example2 10s ease-out;
}
/* Move it (define the animation) */
@keyframes example2 {
0% {
transform: translateY(200%);
}
100% {
transform: translateY(0%);
}
}
.example1 {
height: 50px;
overflow: hidden;
position: relative;
}
.example1 h3 {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: left;
/* Apply animation to this element */
animation: example1 10s linear;
}
/* Move it (define the animation) */
@keyframes example1 {
0% {
transform: translateX(200%);
}
100% {
transform: translateX(0%);
}
}