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

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

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

このブログの人気の投稿

日経BP「NET Marketing Forum Spring 2008」

2008年6月17日に開催された。「クロスメディアで築くエンゲージメント」という主題とはあまり関係ないが、D2コミュニケーションズの藤田明久氏が語った「ゴミを出さない販売促進」について考えさせられた。ベタ付けの景品はゴミになるので、エコを意識する消費者から嫌われるという。消費者へのインパクトは大きく、環境へのインパクトは小さく。

絶対にバズるSNS「Y」

松竹が映画「俺ではない炎上」のプロモーションとして、生成AIを活用したコンテンツ「絶対にバズるSNS」を公開。理不尽な粗探しの思考プロセスを学習させたAIが、投稿画像1枚から炎上シナリオを自動生成する。体験人数の上限に達したとのことで短期間で終了したが、斬新な炎上疑似体験として話題に。no planが企画制作。 https://note.com/noplan_inc/n/n74fcba7fad3a