https://github.com/zients/sass-strawberry-cake
https://github.com/zients/sass-strawberry-cake
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zients/sass-strawberry-cake
- Owner: zients
- Created: 2019-08-05T14:47:50.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2020-08-24T17:07:03.000Z (almost 6 years ago)
- Last Synced: 2026-03-23T18:30:56.713Z (3 months ago)
- Language: HTML
- Size: 107 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Birthday Cake
由 Sass/Scss 開發所製成的生日蛋糕，含吹熄蠟燭等動畫特效，並將其編譯為 CSS。
Developed by Sass/Scss, this is Happy birthday cake with animation.
Sass/Scss:
```
Varible:
$back :#600054;
$vanilla: #f0e4d0;
$chocolate: #553c13;
```
```
Function:
@mixin cakelayer($color) {
background-color: $color;
box-shadow:
0 2px 0px lighten($color, 5%),
0 4px 0px darken($color, 8.2%),
0 6px 0px darken($color, 8.4%),
0 8px 0px darken($color, 8.6%),
0 10px 0px darken($color, 8.8%),
0 12px 0px darken($color, 9%),
...
Call:
@include cakelayer($layer);
}
```
