The New banner for banner exchange pixel size 468×60
The code for the old banner .
<style>
.BorderColorChangeElement {
animation: BorderColorChange 1s ease-out 0s infinite alternate none running;
}
@keyframes BorderColorChange{
0% { border: 10px solid #ffc0cb;}
100% { border: 10px solid #ff69b4;}
}
@keyframes rotateAnim {
0% { transform: rotate(deg);}
100% { transform:rotate(360deg);}
}
@keyframes scaler {
0% {
transform: scale(1);
}
100% { transform: scale(1.5);
}
}
.imgAnim648 {
animation: rotateAnim 10s linear 0s infinite forwards running;
}
.btnAnim648 {
animation: scaler 1s linear 0s infinite alternate none running;
}
.btnAnim648:hover{
animation-play-state: paused;
}
</style>
<div class="BorderColorChangeElement" style="-moz-box-shadow: 16px 17px 18px -7px rgba(18,1,18,0.61); -webkit-box-shadow: 16px 17px 18px -7px rgba(18,1,18,0.61); background: rgb(0, 150, 136); border-radius: 0px; border: 10px solid rgb(0, 0, 0); box-shadow: rgba(18, 1, 18, 0.61) 16px 17px 18px -7px; margin: 0px auto; max-width: calc(100% - 48px); overflow: hidden; padding: 8px; text-align: center; width: 700px;">
<div class="imgAnim648" style="display: inline-block; padding: 8px; position: relative; vertical-align: middle;">
<img alt="michael" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY30E2hPubO-JykbT6uFH7R3S0bhu_K8asocYDbbtDjdWFZ31A_ECJwfVNE6O7i611cPIRo3POXWnTMrPnau5M0V2Mw6QWYhvx229iFLhhzCMFgiksIfZWzIq3DyYNGZlTtFB9b1hXu_M/s1600/sea-4810958_1280.jpg" style="max-width: 100%; width: 60px;" />
</div>
<div style="color: white; display: inline-block; font-size: 45px; font-weight: normal; padding: 8px; position: relative; text-shadow: rgb(3, 3, 3) 4px 4px 4px; vertical-align: middle;">Michael The Mighty</div>
<div style="color: white; display: inline-block; font-size: 14px; font-weight: normal; padding: 8px; position: relative; text-shadow: rgb(3, 3, 3) 4px 4px 4px; vertical-align: middle;">By Saint Teiti Imanuel</div>
<div class="btnAnim648" style="display: inline-block; padding: 8px; position: relative; vertical-align: middle;">
<a href="https://Michaelthemighty.blogspot.com" rel="Do-follow" target="_blank"><input style="background: rgb(0, 0, 0); border-radius: 0px; border: 3px solid red; color: white; cursor: pointer; margin: 0px; padding: 8px;" type="button" value="Learn More" /></a></div>
</div>
No comments:
Post a Comment