Skip to content

Commit

Permalink
docs: explain shadows even better
Browse files Browse the repository at this point in the history
  • Loading branch information
kacperkapusciak committed Jan 24, 2025
1 parent b1de253 commit 6ad579b
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions packages/docs-reanimated/docs/guides/supported-properties.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -232,7 +232,7 @@ To mitigate this limitation, you need to specify the `textShadowColor` in every
<details>
<summary>Why do I need this?</summary>

On the web, the shadow styles aren't inherited from the style object provided to the element. Reanimated provides the default values to every keyframe definition:
In CSS the `text-shadow` is a single property but in React Native that's three separate properties for color, offset and radius. Because of that Reanimated has to provide these default values to every keyframe definition:

```json
{
Expand All @@ -242,7 +242,7 @@ On the web, the shadow styles aren't inherited from the style object provided to
}
```

and you need to override them to retain your expected result.
and the shadow styles aren't inherited from the style object provided to the element. To retain the styles in an animation you need to override these styles to achieve your expected result.

</details>

Expand Down

0 comments on commit 6ad579b

Please sign in to comment.