雨だー
css-doodleで雨を降らしてみますねー
サンプル
See the Pen <css-doodle> Rain by 125naroom (@125naroom) on CodePen.
css-doodle とは？
css-doodle とは、CSSが使える進化版といった感じ。
まだ使えるブラウザが限られている。
現在はChromeとSafariだけ。
古いブラウザだとPolyfillの読み込みが必要。
対応していないブラウザの場合は、css-doodle を非表示にするとかですかね。
JSだったら
if (!window.customElements || !document.head.attachShadow) {
document.body.classList.add('no-doodle-support');
}
CSSだったら
.no-doodle-support css-doodle {
display: none;
}
さいごに
css-doodleってすごいですねー
休憩しましょうー
