高さ可変！CSSアニメーションでなめらかアコーディオン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドのつっちーです。 前回記事では、サポート終了（※1）となったIE9を切り捨てることで、CSSアニメーションを軸とするスライドショーを作成しました。今回も同様のコンセプトで、同じくよく使われているUI、アコーディオンを作成します。 内容の高さにそれぞれ違いがある場合でも、サイズを指定することなくアニメーションするところがポイントです。 ※1 Windows Serverを除く 今回つくるアコーディオン まずは完成した状態を確認してみましょう。 See the Pen 1704-completed by ligdsktschy (@lig-dsktschy) on CodePen. トリガーの要素をクリックすることで開閉する、一般的なアコーディオンです。 ちなみにこれを、CSSアニメーションを使わず実装したものがこちら。 See the Pen 1704-jquery
タイトルにPR入れる入れない問題とか色々 - ヨッピーのブログ
山本一郎さんとのイベントも終わった事だし、「色々騒ぎを起こしてすいませんね」という気持ちと「反省しなきゃな」という気持ちと「消耗した」という気持ちがごっちゃになっていますし、他にも色々誤解と言いますか、「それは事実じゃない！」ってムキーってなることもあったりするので全部まとめて書いておこうと思います。イベントのレポートについてはそのうちあがると思うのでそちらを見て頂ければと思います。 最初に言っておくとこのエントリって死ぬほど長いし、ひょっとしたらもっとアホだのボケだのって批判されるかも知れない。ただ、僕は以前「批判を恐れずに発言すること」よりも、「批判を恐れながら、多くの人に理解して貰う事を願って発言すること」の方が尊い、みたいな事をどこぞで言った事もあるのでその気持ちで書きます。つまり、僕を批判する多くの人達に、「出来れば理解して欲しいなぁ」と思いながら書いております。 【「それは誤解
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
stylelint-scss/docs/examples/if-else.md at master · stylelint-scss/stylelint-scss
:any-link CSS 擬似クラスの接頭辞が外れました | Firefox サイト互換性情報
