Perú

Lima,Perú

Transicion a div al pasar mouse efecto joomla

Fecha Publicación:       10 de Enero de 2020

 

Implementando el css:

#ctn_conte_dinamico_my_gallery {
    width: 100%;  display: flex;
    Justify-content: Space-between;
     align-content: center;
}

.ctn_item_modelo_galeria_3 {
      padding: 20px;  display: flex;  width: 20%;
    box-sizing: border-box;   margin-bottom: 30px;
    justify-content: center;  flex-wrap: wrap;
    background-color: #fff;  color: #000000;
    margin: 0 1% 30px; box-shadow: 5px 5px 43px #7b7979;  transition: 500ms;
    height: auto;  border: 1px solid #CCC;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;    
}

.ctn_item_modelo_galeria_3:hover {
    -webkit-border-bottom-left-radius: 70% 50px;
    -moz-border-radius-bottomleft: 70% 50px;
    border-bottom-left-radius: 70% 50px !important;
    box-shadow: 1px 1px 3px 3px #9ac3f1 !important;
}

Implementando el html:

<div id="ctn_conte_dinamico_my_gallery">
  <div class="ctn_item_modelo_galeria_3">
    Transicion a div al pasar mouse efecto joomla
  </div>
</div>

 

Leidas : 296 Veces
Compartir: