CSSでhover（ホバー）要素以外にエフェクトを加える方法 - NxWorld
よくあるhoverエフェクトはhoverしたその要素自体に透過やカラー変更といったエフェクトを適用したりするものが多いですが、そうではなくhoverした要素以外にエフェクトを加える方法です。 これまでこういった動きを実装する場合はJavaScriptを利用していたのですが、簡易的なものであればCSSだけでも十分実装できると思ったので備忘録兼ねて紹介します。 今回は例として簡易的なナビゲーションに実装してみる方法で、動きとしてはhoverした要素（ナビ）は特に変化せずに、hoverした要素（ナビ）以外が透過されるというものを作ってみます。 まず、HTMLは下記のようにul, liを使ったよくあるマークアップを利用します。 <ul> <li><a href="#">nav</a></li> <li><a href="#">nav</a></li> <li><a href="#">nav</a>
Linuxで使う正規表現についてまとめました
正規表現とは、複数のケースにおいて、その言葉が指定した文字のパターンに一致しているかをチェックするものだ。 Linuxでも正規表現は使え、ファイルの検索や一括の処理など様々な場面で活躍する。 書籍やWebに掲載されている例をそのまま使って動作させることもできるが、基本をしっかりと抑えれば応用も聞いて、幅広く使えるだろう。 このページでは、Linuxで使える正規表現を一通り解説した。ぜひ参考にしてほしい。 正規表現の基本 正規表現とは？ 正規表現は、正規という言葉がついているので誤解しやすいが、きちんとした文字を指定するものではない。 むしろ、あやふやな文字を指定することで、複数の文字列にマッチするのか調べる方法だ。 例を３つ挙げてみよう。 「print」「script」の２つの文字列で同じパターンを見つけてみると、文字は、pとrとiとtが含まれるという共通点がある。 「echo」と「blu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
