はてなまとめ - カルーセルはもうCSSだけで実装できる！疑似要素::scroll-button()と::scroll-marker()の使い方を解説

1: coliss 2025/05/08 09:39

CSSでカルーセルを実装する方法、CSSで実装したさまざまなカルーセル

2: kenzy_n 2025/05/08 10:25

全く関係の無いことだが、カールセルと聞くとカールセル麻紀が思い浮かぶことがある。

3: w_bonbon 2025/05/08 10:45

あとはループという概念がCSSだけで出来たら最高だなぁ

4: iiko_1115 2025/05/08 10:51

CSSどんどん複雑になってくな

5: anonruru 2025/05/08 11:29

今までCSSで出来るものはCSSで作りたい派だったけど、anchor使ってなかなか複雑なもの作った時ははたして本当に全部CSSでやるべきなのか悩んだことがある。

6: tanakamak 2025/05/08 12:23

カルーセルの巻

7: PikaCycling 2025/05/08 13:02

「カルーセル（carousel）とは？ 1 回転木馬。 2 コンピューターなどの表示画面の方式」とあるからカルーセルもカルーセル麻紀も一緒で間違いないですね。

8: jintrick 2025/05/08 13:07

素晴らしい。ユーザースタイルで簡単に無意味化できる！！

9: ultimatebreak 2025/05/08 13:55

Safariの対応が遅すぎてモヤモヤしてる

10: watatane 2025/05/08 14:02

カルーセル麻紀さんが若い頃、地元の札幌が嫌で家出した時、途中で親族に捕まったのが近隣の滝川市（黒柳徹子さんのお母さんの出身地）というカルーセル豆知識

11: inamem9999 2025/05/08 14:17

麻紀勢が結構見られて安心

12: repon 2025/05/08 14:18

進化するのはしょうがない。が、バックエンドエンジニアは、フロントエンドの単価が低いままの認識で、分からなければ「フロントをスポットで雇えば良い、俺達はFWを使うから問題ない」という認識なの泣ける

13: KoshianX 2025/05/08 15:01

ほう、こんなものが使えるようになってたのか

14: tamanecoplus 2025/05/08 15:10

情報を詰め込みたいのは分かるが、縦スクロールの途中にカルーセルを入れるUIはやめて頂戴

15: poliphilus 2025/05/08 16:32

カルーセルとカルーセル麻紀のカルーセルは同じものなので特に間違いではない。かつて勤めていたゲイバー「カルーゼル」からとったものらしい。ちなみにカルーセルとはいわゆるメリーゴーラウンドのこと

16: AzuLitchi 2025/05/08 19:19

たしかにループしないとカルーセル（回転木馬）とは言えないよなあ。　これじゃフライングパイレーツだ

17: sekreto 2025/05/08 19:47

フィルムスライドを入れるカルーセルとカルーセル麻紀さんの二つ想起したぞぃ

18: u_sho 2025/05/08 21:00

お願いだからマークアップ言語をチューリング完全にしないでください（もうなってるかもだが） > あとはループ

19: hogeaegxa 2025/05/08 21:41

サポート状況的にまだ使うのは難しそうだが、使えるようになれば楽できそうだ

20: suekunhello 2025/05/08 21:52

もう何年このネタ扱ってるんだろう。CSSの対応を追うのも時代遅れなのかも。

21: aox 2025/05/08 22:26

Firefoxだとダメでした

22: ugo_uozumi 2025/05/08 23:48

ブコメ欄がカルーセル麻紀の豆知識スレっぽくなってて草

23: yoshi-na 2025/05/09 01:18

んー、CSSになんでもやらせ過ぎなんよ

24: zkq 2025/05/09 01:21

カルーセルに他の意味あったんだな

25: Finding 2025/05/09 06:54

CSS進化しているなあ

カルーセルはもうCSSだけで実装できる！ 疑似要素::scroll-button()と::scroll-marker()の使い方を解説

カルーセルはもうCSSだけで実装できる！疑似要素::scroll-button()と::scroll-marker()の使い方を解説