Parámetros de sombra de ventana de Mac OS X 10.7

0

Me gustaría crear algunas "simulaciones" de Mac OS X 10.7 Windows en Photoshop.

Me gustaría aprender sobre los parámetros de sombra de la ventana, como el tamaño, la extensión y la distancia.

¿Alguien podría ayudarme con esto?

    
pregunta Victor 04.12.2012 - 18:59

3 respuestas

2

Para Mac OS X, las ventanas estándar utilizan sombra paralela con los siguientes parámetros: negro # 000000 color con opacidad 60%, ángulo 90º, distancia 25px, tamaño 50px, propagación 0px.

    
respondido por el Alex Ovtcharenko 17.04.2014 - 23:19
2

En realidad es más una combinación de dos sombras paralelas. Esta configuración me funciona bien en comparación directa con la sombra original:

  • Dropshadow 1:
    • Opacidad: 47%
    • Ángulo: 90 °
    • Distancia: 26px
    • Propagación: 0px
    • Tamaño: 43px
  • Dropshadow 2:
    • Opacidad: 44%
    • Ángulo: 90 °
    • Distancia: 0px
    • Propagación: 0px
    • Tamaño: 3px

La segunda sombra es para la línea fina más oscura que se observa alrededor de cada ventana, especialmente al examinar el cromo de la ventana de OS X sobre fondo blanco.

    
respondido por el Strongground 06.10.2015 - 17:31
0
.box { 
    width: 200px;
    height: 100px;
    margin: auto;
    padding: 20px;
    border-radius: 5px; 
    background-color: #e4e4e4; border: 1px solid #adadad;
    -webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
}

<div class="box">
 Lorem ipsum
</div>
    
respondido por el Raj Gopal 13.11.2018 - 12:21

Lea otras preguntas en las etiquetas