This domain may be for sale!
![finefinefine.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/b8fa8a4df773f06f4285b59c606be2d74f624bea/height=288;version=1;width=512/https%3A%2F%2Fi2.wp.com%2FWWW.finefinefine.jp%2Fwp3%2Fwp-content%2Fuploads%2F2015%2F09%2Fcropped-47ae97c09dc2f9ac6789cd2ef2e39ae51.png%3Ffit%3D512%252C512)
2022/09/23 Apple Watch Series 8(GPS)に買い換え カテゴリー: Life | タグ: Apple この度、Apple Watch Series 3(GPS)からApple Watch Series 8(GPS)に買い換えました。6万円なり。 (さらに…) 2022/08/06 塊根植物の始め方 カテゴリー: Interest | タグ: 植物 もちろん好きなように始めたらいいと思うんですがw 自分はいきなり高い株を買うのがこわかったので、どう考えて始めたのかを書いていきます。 (さらに…) 2022/07/29 関東近郊の植物屋さんまとめ(塊根植物、アガベ) カテゴリー: Interest | タグ: まとめ, 植物 塊根植物などに興味持ってから、色々なお店を探して行ったりしました。 塊根植物などは普通のホームセンターなどには置いてなくて、最初どこで売って
ナビゲーションの各アイテムをホバーすると、光源が移動するラーヴァランプ風エフェクトをスクリプトは使用せずに、スタイルシートで実装するチュートリアルを紹介します。 矢がハートを射貫くのかわいいですね。 デモページ 実装 実装は共通パートと3つのデモで異なるパートに分けて紹介します。 Step 1: 共通 HTML HTMLは3つとも基本的には同じです。 classの「nav」は共通で、「ph-line-nav」を変更して利用します。 <div class="nav ph-line-nav"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Gallery</a> <a href="#">Contact</a> <div class="effect"></div> </div> Step 2: 共通 CSS 3つのデモの共通のスタイ
HTML 各デモのベースとなるHTMLです。 div要素のclassを変更して利用します。 <div class="pic"> <img src="image.jpg"> </div> 各デモで共通で使用するスタイルです。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く