Hi Guys, my newest work is the website for MCVM AG. I appreciate your opinion. Thanks.
www.mcvm.li
What do you think? (1-bad / 5-good)
- 1
- 2
- 3
- 4
- 5
0 voters
Hi Guys, my newest work is the website for MCVM AG. I appreciate your opinion. Thanks.
www.mcvm.li
What do you think? (1-bad / 5-good)
0 voters
Hi, this is my code in the html widget:
.google-maps { position: relative; #padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; height: 500px !important; } .google-maps iframe { position: absolute; top: 0; left: 0; background: black; width: 100% !important; height: 100% !important; }Looks nice … how do you make the little “mouse-wheel” animation?
It is a code in the html widget:
<div class="mouse"></div>
<style>.mouse {
overflow:hidden;
position:absolute;
left:50%;
width:24px;
margin: -12px;
height:50px;
border:1px solid #FFFFFF;
border-radius:30px;}
.mouse:after {
display: block;
content:"";
position:absolute;
left:13px;
top:10px;
width:4px;
height:4px;
margin-left: -4px;
background-color:#FFFFFF;
border-radius:2px;
animation: mouse-wheel 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes mouse-wheel {
0% {
transform: translateY(0);
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
30% {
transform: translateY(0);
height: 4px;
}
50% {
transform: translateY(0);
height: 20px;
}
70% {
transform: translateY(15px);
height: 4px;
opacity: 1;
}
90% {
opacity: 0;
}
100% {
transform: translateY(15px);
opacity: 0;}</style>
Very impressive. Great design.
One thing: at “www.sportler-beratung.de” the image of “Unterstützer von
Brave Aurora” is missing.