ホームページ  >  記事  >  ウェブフロントエンド  >  このテキストフロー効果はどのようにして実現されるのでしょうか? _html/css_WEB-ITnose

このテキストフロー効果はどのようにして実現されるのでしょうか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:36:391112ブラウズ

Web サイトのアドレスは次のとおりです: http://www.andthewinnerisnt.com/
ページ サイズを調整すると、たとえば、ブラウザをズームアウトすると、マウスの動きが止まると、中のテキストが「流れる」ようになります。サイズを自分で調整するにはどうすればよいですか?自分で書いたページはパーセンテージサイズでサイズを変更できるのですが、上記の流れが実現できません。 (「フロー」については、私の表現が正確ではないかもしれません。ページを開いて見てください)
このページでは、jquery、modernizr などのサードパーティのプラグインが使用されていることがわかりました。私は初心者です。 、それを達成する方法を教えてください。小さな例を用意するのが最善です。
ありがとうございます


ディスカッション(解決策)への返信

CSS3 アニメーション、トランジション効果です:
http://www.w3school.com.cn/tiy/t.asp?f=css3_transition2
追加font font -size トランジション効果を行います。

これは CSS3 アニメーション、トランジション効果です:
http://www.w3school.com.cn/tiy/t.asp?f=css3_transition2
フォント サイズのトランジション効果を追加するだけです。


この効果を達成するにはメディアクエリまたはパーセンテージに協力する必要がありますか?メディアクエリやパーセンテージはなく、要素のサイズは変わりませんか?ご回答ありがとうございます
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。