すべてのカテゴリ

むかしむかし、Internet Explorerには「Filter」という優れた機能がありました。（「とほほのWWW入門」にその残骸が残っております(笑)）Waveで画像を波打たせたり、本当にいろんなことができる機能でした。個人的には、「これが標準化されて他のブラウザにも実装されないかなあ」と思っておりました(^^;)ですが、W3Cの標準とは大きく異なる独自仕様だったため、IE10で廃止されてしまいます。ところが、その後CSS3で「filter」が登場。昔のIE独自Filterとは別物ですが、画像や要素の色を加工できる便利な機能として生まれ変わりました。昔、Google Mapの色を変更しようと思うと、Google Maps APIを使ってスタイル設定を行う必要がありました。設定もなかなか大変ですし、API利用料の問題もあります。ですが、埋め込み地図にCSSのfilterを適用するだけでも、意外と雰囲気を変えることができます。ポートフォリオからサンプルのURLに入ってみてください。そちらの方がわかりやすいです。https://coconala.com/users/6145929/portfolios/1404258個人的には、filter: sepia(70%);あたりの色合いが、ちょっとレトロで渋くて好きです(笑)■１．オリジナルのGoogle Map<iframe src="https://www.google.com/maps/embed?pb=～～～～～～～～～～" allowfullscreen=""></iframe>■２．彩度変更（satu