finefinefine.jpThis domain may be for sale!
Backless -バックレス-
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 | タグ: まとめ, 植物 塊根植物などに興味持ってから、色々なお店を探して行ったりしました。 塊根植物などは普通のホームセンターなどには置いてなくて、最初どこで売って
[CSS]アイデアにセンスを感じる、アニメーションがかわいいナビゲーションを実装するチュートリアル
ナビゲーションの各アイテムをホバーすると、光源が移動するラーヴァランプ風エフェクトをスクリプトは使用せずに、スタイルシートで実装するチュートリアルを紹介します。 矢がハートを射貫くのかわいいですね。 デモページ 実装 実装は共通パートと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つのデモの共通のスタイ
[CSS]コピペでOK！画像のホバー時用のかっこいい新しいエフェクトのまとめ
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
