[CSS]シャドウもくるっと！ふわりと浮かせた画像をくるっと回転させるスタイルシート
HTML 画像とキャプションのテキストをfigure要素で配置し、divで内包します。 <div class="flip-3d"> <figure> <img src="yacht.jpg" alt=""> <figcaption>Yacht</figcaption> </figure> </div> <div class="flip-3d"> <figure> <img src="bee.jpg" alt=""> <figcaption>Bee</figcaption> </figure> </div> シャドウ用の余分なマークアップは、必要ありません。 CSS まずはfigure要素を3Dにし、各画像をfloatで配置します。 div.flip-3d { perspective: 1200px; width: 30%; float: left; } div.flip-3d figure
ドラッグしたテキストをハイライトするjQueryプラグイン・jQuery Text Highlighter
ドラッグしたテキストをハイライトするライブラリのご紹介。jQuery依存になります。文章コンテンツで役に立つ・・・・かもしれない。 ドラッグしたテキストを・・・という説明より見たほうが早いですね。 テキストをドラッグするとその部分がspanで囲まれて背景色をCSSで変更させます。 設定次第で、Iframe内でも適応させたり、フォントカラーのみ変更したりも出来るみたいです。 コード<script type="jquery.js"></script> <script type="jquery.textHighlighter.pack.js"></script>本体とプラグインを読み込み。 $('#foo').getHighlighter();セレクタを設定する。 良いんですけど問題はドラッグした部分がコピペできないのが気になりました。出来る様に設定出来るか後で確認してみます。ライセンスはMIT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
