NEW Website mcvm.li


#1

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


#2

Can you show me how did you removed the extra line-height on you map?


#3

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; }


#4

Looks nice … how do you make the little “mouse-wheel” animation?


#5

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>

#6

Very impressive. Great design.
One thing: at “www.sportler-beratung.de” the image of “Unterstützer von
Brave Aurora” is missing.