Če ste se kdaj ukvarjali s senčenjem in implementacijo slednjega na različne sisteme ste kmalu ugotovili, da slednji ne izgledajo enako. Problem tiči v tem, da vsak sistem senčenje razlaga po svoje.
Da dosežemo približen efekt senčenja na sisitemih, kot so splet, Android in iOS je potrebno veliko testiranj. Razlog zato tiči v tem, da sistemi barve, odmike interpretirajo enako, blur pa se kreira po svoje. Da zadanemo enak izgled je teoretično nemogoče, ker so razlike v renderiranju prevelike, ampak lahko najdemo le približke.
Plonkič za sence
Dobra novica pa je, da je Marc Edwards že pripravil vse izračune v svojem plonkiču (cheat sheet).
| Source and destination | Formula | Blur radius scale factor |
|---|---|---|
| CSS, Sketch, or Figma to Android | sqrt(3) / 2 | 0.866× |
| CSS, Sketch, or Figma to iOS | 0.5× | |
| Android to CSS, Sketch, or Figma | 1 / sqrt(3) × 2 | 1.155× |
| Android to iOS | 1 / sqrt(3) | 0.577× |
| iOS to CSS, Sketch, or Figma | 2.0× | |
| iOS to Android | sqrt(3) | 1.732× |
Vir: Matching drop shadows across CSS, Android, iOS, Figma, and Sketch
