Is there any reason to use css box-shadow over drop-shadow?

后端 未结 2 1619
太阳男子
太阳男子 2021-01-20 15:16

Assuming client compatibility, is there any situation where CSS box-shadow is preferable to filter: drop-shadow.

From the article it seems

相关标签:
2条回答
  • 2021-01-20 15:27

    There is only one difference between box-shadow and filter: drop-shadow. With box-shadow you can use inset shadows, but you can't do it with filter: drop-shadow. All depended on you. Check this example.

    Why is better to use box-shadow insted of filter: drop-shadow?

    • Better browser support
    • Most of developers use it
    • Less code, more options
    • You can use inset shadows
    • You can use more than one shadow

    Also, there is one example with image where is better to use filter: drop-shadow. The first one has rectangle shadow, but the other one has shadow which follow the edge of image.

    0 讨论(0)
  • 2021-01-20 15:40

    Problem is that there is limited browser support for filter at the moment with box-shadow being much more supported.

    • Browser support for filter
    • Browser support for box-shadow
    0 讨论(0)
提交回复
热议问题