%% generate tags start %%
#obsidian
%% generate tags end %%
#obsidian/plugin
[Canvas Candy - TfT Hacker](https://tfthacker.com/canvas-candy)
[Reimagining Obsidian's Canvas: A Look at Canvas Candy | by TfTHacker | Obsidian Observer | Nov, 2023 | Medium](https://medium.com/obsidian-observer/reimagining-obsidians-canvas-a-look-at-canvas-candy-ab1ffe8c8773)
The following is my review.
## What is it?
[[obsidian canvas]] is good but its features is very limited.
## Features
a css snippet to help to style the nodes. There are 3 ways to your canvas:
1. css classes decorations
2. callout decorations
3. sticker
## What Are the Css Classes?
**cssclasses decorations**
list of `cc-border`
- cc-border-none
- cc-border-top
- cc-border-bottom
- cc-border-left
- cc-border-right
- cc-border-dotted
- cc-border-dashed
- cc-border-double
- cc-border-squared
- cc-border-rounded
list of `cc-card`
- cc-card-transparent
- cc-card-center
- cc-card-fill
- cc-card-nocolor
- cc-card-opaque
list of `cc-card-gradient`
- cc-card-gradient-0deg
- cc-card-gradient-45deg
- cc-card-gradient-90deg
- cc-card-gradient-135deg
- cc-card-gradient-180deg
- cc-card-gradient-225deg
- cc-card-gradient-270deg
- cc-card-gradient-315deg
list of `cc-rotate`
- cc-rotate-card-45
- cc-rotate-text-45
- cc-rotate-text-90
- cc-rotate-text-135
- cc-rotate-text-180
- cc-rotate-text-225
- cc-rotate-text-270
- cc-rotate-text-315
- cc-rotate-text-360
list of `cc-shape`
- cc-shape-circle
- cc-shape-parallelogram-left
- cc-shape-parallelogram-right
**callout decorations**
- cc-callout-center
- cc-image-clip
- cc-image-cover
- cc-header
- cc-header-noborder
- cc-footer
- cc-footer-noborder
- cc-label-left
- cc-label-left-noborder
- cc-label-right
- cc-label-right-noborder
## Limitation
1. It is just a css snippet so you need to write your css in every node. don't expect too much.
2. When zoom out the shape doesn’t change
3. css is a bit difficult to remember, I don’t use text expander → simply copy and paste
4. when change the shape, it is difficult to see the handle