Skip to content
Merged
Changes from 1 commit
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
23ce9db
add shadow effect docs
You-J Oct 19, 2021
651a678
Merge branch 'main' of https://github.com/gridaco/designto-code into …
You-J Oct 19, 2021
970d396
add text shadow in css
You-J Oct 20, 2021
718ce9b
add text shadow without flutter
You-J Oct 21, 2021
cdeda66
update reflect-core
You-J Oct 21, 2021
9366ccf
Merge branch 'main' of https://github.com/gridaco/designto-code into …
You-J Oct 21, 2021
8ebc579
add dart ui shadow
You-J Oct 22, 2021
af45903
update flutter-builder
You-J Oct 26, 2021
fc56f3f
update packages
You-J Oct 28, 2021
831de31
update reflect core letterspacing type
You-J Oct 29, 2021
2906746
Merge branch 'main' of https://github.com/gridaco/designto-code into …
You-J Oct 29, 2021
911a61d
update text shadow docs
You-J Nov 3, 2021
1dfbf83
fix typo and remove comment
You-J Nov 5, 2021
23a6d99
update relfect-core
You-J Nov 5, 2021
9d9142b
add handle like 0% in length
You-J Nov 5, 2021
79254c4
update docs
You-J Nov 5, 2021
8075681
update design-sdk
You-J Nov 5, 2021
7026d43
update reflect core
You-J Nov 5, 2021
cbb2355
Add more context in `Why text shadow isn't support spread radius?` docs
softmarshmallow Nov 5, 2021
122ac1e
add dart-ui/Shadow-class link comment s
You-J Nov 5, 2021
bbfb611
update reflect-core
You-J Nov 5, 2021
e5a50ca
Merge branch 'support-text-shadow' of https://github.com/gridaco/desi…
You-J Nov 5, 2021
bcb45f9
update reflect-core to local
You-J Nov 5, 2021
875e42f
update design-sdk to local
You-J Nov 5, 2021
a7bd26b
Merge branch 'main' of https://github.com/gridaco/designto-code into …
You-J Nov 5, 2021
e8cc0ef
update yarn lock
You-J Nov 5, 2021
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions docs/figma-shadow-effect.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
# Figma shadow effects

![](https://static.figma.com/uploads/9def6cce093b164306328ee228028155d13d72d0)

[figma DropShadowEffect](https://www.figma.com/plugin-docs/api/Effect/#dropshadoweffect)

## text

The text shadow is handled as the shadow of the effect from figma.

### drop-shadow

**css**

- [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)

**syntax**

1. offsetX offsetY blurRadius color
2. color offsetX offsetY blurRadius
3. offsetX offsetY color
4. color offsetX offsetY

```css
text-shadow: 1px 1px 2px #ff2;
text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
```

**flutter**

- [`Shadow`](https://api.flutter.dev/flutter/dart-ui/Shadow-class.html)

```dart
Shadow(
offset: Offset(10.0, 10.0),
blurRadius: 3.0,
color: Color.fromARGB(255, 0, 0, 0),
)
```