スキップしてメイン コンテンツに移動

テキストを選択するとイメージが出現

ソースを分析してみたところ、HTMLではpreタグで等幅フォントを適用して改行位置を維持しておき、CSS3の擬似要素 ::selection を利用してテキストが選択されたときに文字と背景の色を変更している。画像は使用していない。この技術は何かに使えそう。だが、CSS3セレクターの最新の勧告案からは ::selection が削除されているようだ。
追記(2010年6月3日):簡単に生成できるジェネレーターが存在するようだ。
------------------------------
http://www.ideaxidea.com/archives/2008/02/text_image_css3.html
http://www.ideaxidea.com/archives/2010/06/select_art.html
------------------------------

このブログの人気の投稿

信頼度トップは「友人・家族からの推薦」

ニールセンが「広告信頼度グローバル調査(Global Trust in Advertising)」の2015年の調査結果を公開。消費者からの信頼度が最も高いのは「友人・家族からの推薦」。 ------------------------------ 追記(2016年8月18日):アドビシステムズが国内で実施した「消費者行動調査2016」調査によると、商品認知のきっかけとして、デジタルの接点の存在感が増している。 https://www.facebook.com/netadreport/photos/10153990581528305/ ------------------------------

秒で消せるバナー広告

日本コカ・コーラ「CHILL OUT」が「秒で消せるバナー広告」を展開。閉じるボタンの位置を分かりやすくデザインした「秒で消せるバナー広告」を配信し、一瞬で消してもらうという爽快な体験を提供する。公式アプリ「Coke ON」で、バナー広告を消して遊べるゲーム「バナー広告バスター」も配信。 https://www.coca-cola.com/jp/ja/media-center/news-20260601-11