Fork
0
Fav
0
View
6925
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 4 lines
  • CSS 29 lines
andoroidは、
border-radiusと、box-shadowのinsetで且つぼかしが1上
を設定すると、box-shadoのぼかしが角丸の外にはみ出してしまう

そのバグの対応のため、
ぼかし0で大きさの異なるbox-shadowを1pxづらしながら重ねることでぼかしを擬似再現しようとした。

しかし、
androidではぼかし0のbox-shadowを重ねるとbox-shadowが全て描画されなかった。ファッキン。

ボカシが1以上なら重なって描画された。
ただしその場合は角丸をはみ出してしまうのでアウト。

現状対応策を検討中


追記
複数とか関係なく、android3.1はボカシ0のshadowが対応していないとのこと。対応してない、ってなんだよ


まとめると、次の2点のバグのせいで、android3.1では、角丸+insetのbox-shadowを設定できない

1. border-radiusを設定し、box-shadowのinsetで、ぼかしに1px以上を指定すると、表示が崩れる。(box-shadowが角丸をはみ出して描画される)

2.box-shadowにぼかし0pxを指定すると、box-shadow自体が描画されなくなる
  • androidでboxshadowを重ねると、ぼかし0の時だけboxshadowが消える
  • androidでboxshadowを重ねると、ぼかし0の時だけboxshadowが消える

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

a_t

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?