Test: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 48: Line 48:
         filter: saturate(80%);
         filter: saturate(80%);
         box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
    }
    .desition-container {
      width:100%;
      height:100%;
      filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
    }
    .desition-container:hover {
        filter: saturate(80%);
        filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.3));
    }
    .desition {
        min-height: 100px;
        /*https://bennettfeely.com/clippy/*/
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
     }
     }


Line 88: Line 105:
       padding-left: 10px;
       padding-left: 10px;
     }
     }
   </style>
   </style>
   <div class="container">
   <div class="container">
Line 110: Line 128:
     <div class="connector col-1"></div>
     <div class="connector col-1"></div>
     <div class="node col-1" style="background-color:#021FE2; color:white;">Driver Delivery!</div>
     <div class="node col-1" style="background-color:#021FE2; color:white;">Driver Delivery!</div>
  </div>
    <div class="connector col-1"></div>
    <div class="desition-container col-1"><div class="node desition">Yes or No?</div></div>
}}
}}