photoshop blysk przeniesienie do css

Question

Mam photoshopie element który ma blask zewnętrzny jako cień lecz nie mogę go odwzorować 1:1, wychodzi mi albo za mało rozmyty albo za bardzo go widać. Jakieś sugestie jak właściwości ustawić w box-shadow dla poniższych właściwości ps. Najbardziej podobny efekt daje zastosowanie opcji box-shadow: 0 0 50px -30px #ccc;

Answer 1

Próbowałeś używać np.

[ on-line ]

element {
  
  ...
  
  background-color: hsla(0, 0%, 35%, .95);
  box-shadow: 0 0 50px 30px hsla(0, 0%, 90%, .155);  
  filter: blur(.08em);
}

 

• rgba(..)
• hsla(...)
• filter: blur(...)  (szczególnie ta opcja daje IMO efekt, który szukasz)

 

m. in. przy pomocy powyższych właściwość możesz uzyskać bardziej subtelne odwzorowanie barw, a przy pomocy blur uzyskać efekt rozmycia.