ホバーが好きすぎるエンジニアが選んだ “至極のホバー表現” 10選 【2016年10・11月版】！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

10枚の同じ服を着まわしているフロントエンド兼ミニマリスト、ザワです。はじめまして。 webでのデザインやアニメーションなどの表現がリッチになっている昨今。今回は、webサイトでのユーザーインタラクションの代表格であるホバー表現に注目し、過去にホバザワとの異名を授かったことのある私がチョイスした、魅力的なサイトをご紹介します。 Space Advisor http://www.space-advisor.ca/en/?experience ホバータイトル： 宇宙はlinear 勝手な解説： 惑星の周りを周回する衛星の様子を表現したアニメーションが、ボタンにホバーすることで表示されます。ボタンを構成する要素にはcss animationのanimation-iteration-countをinfiniteに設定し、イージングをlinearにすることで無重力空間が表現されています。サイトの世界