Memberships

Hello, I would like to say a huge thank you to everyone of you for signing up for this seasons membership. If you have not collected your cards from any of our reps, then they will now be posted to you over the next couple of weeks. Thank you for all your support for Kidderminster Harriers independent Supporters Trust which supports Kidderminster Harriers Football club. Hope to see you all again in person, if not then please remember there is an online membership form.  An awful shame the team didn’t get into the play- offs but it will give much needed time to regroup and strengthen, and sort all on going problems out. They will come back bigger and better. Happy summer holidays see you bright and fresh for the new season.

 

Thank you

Belinda Banner

Membership Secretary and vice-chair.

 

body {
background: #eee;
}

#container {
position: relative;
perspective: 1000px;
width: 350px;
margin: auto;
font-family: Helvetica, Arial;
}

h1 {
animation: fade 5s infinite;
position: relative;
color: #ccc;
text-align: center;
}

@keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}

#card {
position: absolute;
top: 100px;
animation: cardrotate 5s ease-in-out infinite;
width: 350px;
height: 200px;
color: #fff;
border-radius: 10px;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

#card figure {
margin: 0;
display: block;
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #00b7ea;
background: -moz-linear-gradient(left, #00b7ea 0%, #00c695 100%);
background: -webkit-linear-gradient(left, #00b7ea 0%, #00c695 100%);
background: linear-gradient(to right, #00b7ea 0%, #00c695 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=’#00b7ea’, endColorstr=’#00c695′, GradientType=1);
border-radius: 10px;
border-bottom: 3px solid rgba(0, 0, 0, 0.5);
}

#card figure h2,
#card figure p {
margin: 20px;
}

.front {
background: red;
}

.back {
background: yellow;
z-index: 2000;
-webkit-transform: rotateY( 180deg);
transform: rotateY( 180deg);
}

@keyframes cardrotate {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY( 0deg);
top: -200px;
}
10% {
-webkit-transform: rotateY(0deg);
transform: rotateY( 0deg);
top: 70px;
}
30% {
-webkit-transform: rotateY(0deg);
transform: rotateY( 0deg);
}
50% {
-webkit-transform: rotateY(180deg);
transform: rotateY( 180deg);
}
90% {
-webkit-transform: rotateY(180deg);
transform: rotateY( 180deg);
top: 70px;
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY( 360deg);
top: 100vh;
}
}