YouTube動画用に作成したエフェクトを素材にしました。 この記事に載っていないエフェクトで素材化してほしいものがあれば、動画内コメントでご連絡ください。 円形エフェクト DropBoxでダウンロード DropBoxでダウンロード DropBoxでダウンロード 紙吹雪・…
作るもの ソースコード 作るもの 評価 4.5 ソースコード 評価 4.5 <span class="star-rating" data-rating="4.5"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span> .star-rating { display: inline-flex; } .fa-star { color: #ccc; } .fa-star.…
アコーディオンで開閉する 「もっと見る」ボタンで開く アコーディオンで開閉する ▼アコーディオン1 アコーディオン1のコンテンツです。 ▼アコーディオン2 アコーディオン2のコンテンツです。 ▼アコーディオン3 アコーディオン3のコンテンツです。 <div class="accordion"> <input type="checkbox" id="item1"> <label for="item1"><span>▼</span>アコー</label></div>…
左上にラベルを表示する囲み枠 .frame { display: block; position: relative; padding: 3em 1em 2em; border: 3px double #fa87ce; } .frame:before { content: "ポイント"; position: absolute; top: 0px; left: 0px; padding: 5px; background: repeating…
作るもの コピペ用ソースコード 作るもの 左上に「html」「css」「javascript」の付箋が表示され、クリックするとソースコードをコピーするPRE要素を作る コピペ用ソースコード <pre class="note note-html"> </pre> <pre class="note note-css"> </pre> <pre class="note note-js"> </pre> pre.note { position: relative; /* 要素の位置を相対指定する */ displa…
YouTube風アイコン 拡張子アイコン YouTube風アイコン 再生リストに追加アイコン 自動再生アイコン キャストアイコン 字幕アイコン（CCアイコン） 拡張子アイコン WAVアイコン MP3アイコン
背景素材 サムネイル素材 使用例
水の背景素材の使用例
星空の背景素材 星空と廃墟の背景素材 星空の背景素材 星空と廃墟の背景素材
曇り空の背景素材 日本画の雲の背景素材
魚の背景素材 水族館の背景素材 海中の背景素材 水族館の背景素材の利用例 魚の背景素材 水族館の背景素材 海中の背景素材 水族館の背景素材の利用例
