Preview........................
...........Code.Just copy the below code and paste into your post html view.
<style>
.BorderColorChangeElement143 {
animation: BorderColorChange 1s ease-out 0s infinite alternate none running;
}
@keyframes BorderColorChange{
0% { border: 10px solid #ffc0cb;}
100% { border: 10px solid #ff69b4;}
}
@keyframes scaler {
0% {
transform: scale(1);
}
100% { transform: scale(1.5);
}
}
.btnAnim169143 {
animation: scaler 1s linear 0s infinite alternate none running;
}
.btnAnim169143:hover{
animation-play-state: paused;
}
</style>
<div class="BorderColorChangeElement143" style="margin: 0 auto;text-align:center;overflow:hidden;border-radius:0px;-webkit-box-shadow: 16px 17px 18px -7px rgba(18,1,18,0.61);-moz-box-shadow: 16px 17px 18px -7px rgba(18,1,18,0.61);box-shadow: 16px 17px 18px -7px rgba(18,1,18,0.61);background:#009688;border:10px solid #000000;padding:0px;max-width:calc(100% - 32px);width:300px">
<div style="display:inline-block;text-shadow:#030303 4px 4px 4px;position:relative;vertical-align: middle;padding:8px;font-size:45px;color:#ffffff;font-weight:normal">Title Here</div>
<div style="display:inline-block;text-shadow:#030303 4px 4px 4px;position:relative;vertical-align: middle;padding:8px;font-size:14px;color:#ffffff;font-weight:normal">Display Description of your ad here</div>
<div class="btnAnim169" style="display:inline-block;position:relative;vertical-align: middle;padding:8px" >
<a target="_blank" href=""><input type="button" value="Visit Now" style="margin:0px;background:#000000;padding:8px;border:3px solid red;color:#ffffff;border-radius:0px;cursor:pointer" /></a></div>
</div>
