Animirani premikajoči gumb
Koda za jo vnest v custom HTML polje
<a href="#section">
<button class="btn">
Get Instant Access To Bundle
</button>
</a>
<style>
.btn {
width: 400px;
height: 55px;
border-radius: 5px;
border: none;
background: #1255AF;
color: white;
font-size: 23px;
font-weight: 500;
line-height: 1;
}
.btn:hover {
transform: translateY(-10px);
}
</style>
Rezultat je spodnji gumb...
Animirani premikajoči gumb način z GUMBOM in HTML poljem
Koda za jo vnest v custom HTML polje
Rezultat je spodnji gumb...
Animacija slike
Povečava slike, ko gremo z miško čez
HTML koda
<style>
#image-9d116572 {
display:block;
}
#image-9d116572:hover {
transform:scale(1.2);
transition: all .4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
</style>
Premik v desno
HTML koda
<style>
#image-e3163c64 {
display:block;
}
#image-e3163c64:hover {
transform: translatex(8px);
transition-duration: 0.5s;
transition-property: transform;
transition-timing-function: ease-out;
}
</style>
TEST Animacija slike
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae.
TEST show text on hover ... Povečava slike, ko gremo z miško čez
HTML koda
<style>
#image-9d116572 {
display:block;
}
#image-9d116572:hover {
transform:scale(1.2);
transition: all .4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
</style>
Premik v desno
HTML koda
<style>
#image-e3163c64 {
display:block;
}
#image-e3163c64:hover {
transform: translatex(8px);
transition-duration: 0.5s;
transition-property: transform;
transition-timing-function: ease-out;
}
</style>
If you want to improve, be content to be thought foolish and stupid.
History rewards the brave. So join them.
About
We love Bitcoin!
Email :
info2@thiswebsite.io
Phone :
+1 123 456 789
Address :
xx City, Country
