![[Cocoon] アイコンリストで二項対立のスライドを作るCSS](https://chiilabo.com/wp-content/uploads/2024/08/image-9-20240818-025351-640x396.jpg)
とりあえずのメモ[Cocoon] アイコンリストで二項対立のスライドを作るCSS
2つの事柄を対比して説明することが多いです。毎回、Keynoteで図解を作るのは大変。テキスト入力だけでかんたんに作成できると便利です。そこで、Cocoonテーマのアイコンリストを二項対立のスライドにするCSSを作りました。追加CSSクラスにslide dichotomyを入れるアイコンリストの追加 CSS クラスに「slide dichotomy」を入力すると、二項対立（dichotomy）のスライドになります。追加されたCSSポイントは、 display: flex; j...
![[CSS]ラベルボックスをスライド画像風にした](https://chiilabo.com/wp-content/uploads/2024/06/image-13-58-640x396.jpg)
![[Cocoon]アイコンリストにステップ箇条書きのカスタムクラスを追加した](https://chiilabo.com/wp-content/uploads/2024/06/image-1-8-640x396.jpg)
![[Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた](https://chiilabo.com/wp-content/uploads/2020/09/ScreenShot-2020-09-26-13.19.54-1-320x198.png)