こんにちは、 前回は画面サイズ(厳密には親要素のサイズ)に応じて 大きさが変わる正方形の要素の作り方 を紹介しました。 shefuyuta.hatenablog.com そして今回はその要素たちを 画面内に均等に並べてみようという 試みです。 画面内に均等に並べると言えば…

こんにちは。 日々cssの勉強をしていると、 度々奥の深さに驚かされます。 (真の奥の深さを知るほどの知識はないのですが。。。) とにかく、 新たな知識を得るたびにその学びにハッとさせられるのと、 その先にもまだまだ学びがありそうという希望のようなも…

こんにちは、 今回はcssでborderプロパティを透過させたいけど文字は透過させたくない！ と思って手探りでたどり着いた方法をお話しします。 親要素である<li>にopacityを設定すると、 その子要素である<a>も同じ透過率になってしまうのですが、 どうにかしてborder</a></li>…

こんにちは。 前回はcssのtransitionが効かない時の対処法について書き、 例としてJavascriptを使ったサブメニューを出しましたが、 そもそもサブメニュー自体を紹介した方が良いのでは？ と思い投稿しています。 メニューの上にカーソルを乗せるとその下と…

こんにちは、 今日はcssのtransitionが効かない場合の話をします。 例えば、 Javascriptを使ってhover時に.activeクラスを追加し、 cssでdisplay: none; からdisplay: block;に変更すれば hoverした時に出てくるサブメニューなどを作れます。 そこで、もう少…