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

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

ソースを分析してみたところ、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
------------------------------

このブログの人気の投稿

「TikTok Shop」の国内売上、初年度500億円の見込み

studio15は、6月末から日本でも提供が開始された「TikTok Shop」の初年度の流通取引総額を約500億円と予測。 TikTok Shop日本市場、ローンチ後1年で約500億円規模へ https://studio15.co.jp/news/20251016 Blinxやライブコマースも市場規模を推計している。 Blinxの発表 https://prtimes.jp/main/html/searchrlp/company_id/168016 ライブコマースの発表 https://prtimes.jp/main/html/searchrlp/company_id/163027

マイクロソフト広告のパートナー賞、日本勢が受賞

マイクロソフトが「Microsoft Advertising Partner Awards」の2025年の受賞パートナーを発表。アジア太平洋地域部門で、日本からサイバーエージェント、トランスコスモス、電通デジタル、Hakuhodo DY ONE、WACULが受賞した。昨年までは日本からの受賞はなかったが、今年から日本でもパートナープログラムが開始されたことで対象になり、上位のエリートおよびセレクトパートナーが候補になったようだ。 2025 Partner Awards: APAC winners announced https://about.ads.microsoft.com/en/blog/post/october-2025/2025-partner-awards-apac-winners-announced