bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームCSSシンプルでピュアなCSSによるアラート実装「Alerts.css」CSS2018.05.16シンプルでピュアなCSSによるアラート実装「Alerts.css」Alerts.cssはシンプルでピュアなCSSを使ったアラートを実装できるのが特徴です。さりげないフェードアニメーションによるシンプルなアラートがとても素敵ですね。Alerts.css以下のページからAlerts.cssの実際のデモやコードの記述例をチェックできます。alerts」の2タイプが用意されています。それぞれのリンク先から実際のデモ動作を見ることが可能です。alertsではボタンをクリックすることでアラートが表示されます。Rightという4つのボタンが用意されており、ボタンによってアラートの表示される位置が異なります。どちらのデモもアラートは下から上へスライドしながらフェードアニメーションで表示するようになっています。デザインもクリーンな印象で、インパクトが強めのものではなく、さりげなく表示できるアラートを実装したいという人にはピッタリです。いうわけで、シンプルでピュアなCSSを活用したアラートを実装できる「Alerts.css」の紹介でした。Alerts.cssのダウンロードや詳細は以下のページからチェックできます。以前、YouTubeやVimeoからの埋め込み動画をレスポンシブにする...CSSCSSのレイアウトで上下の要素を入れ替えて逆に配置させるやり方CSSでレイアウトを組む時に、上下に二つ並んでいる要素を入れ替えて逆に...CSSよく見かけるblockquoteの左上と右下にダブルクォートつけるやつをCSSだけで作ってみるblockquoteのデザインって色んなパターンがあって面白いですよね...CSSCSSのnth-child()とnth-last-child()の使い方をまとめてみる毎回使おうとする度に記憶が曖昧になっちゃってるんでここにまとめておこう...CSSCSSだけで作られたシンプルで可愛いアイコンセット「littlebox」littleboxは画像を用いずにCSSだけで作られたシンプルなアイコ...CSSulのリストを横並びにしてtext-alignを適用させる方法ちょっと悩んじゃいました。ulのli要素を横並びにしてそれにtext-...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。