ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3_html/css_WEB-ITnose で指定されたテキストを超えて楕円を表示する効果を実現する方法

CSS3_html/css_WEB-ITnose で指定されたテキストを超えて楕円を表示する効果を実現する方法

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

うわー

私は長い間フロントエンドに取り組んでいませんでしたが、今日、ある再構成論者から、グラデーション、シャドウ、自動など、以前は JS でしか実現できなかった多くの効果が CSS3 で実現できることを知りました。さらに、これらの機能はますます成熟しており、実稼働環境で広く使用されています。 H5は本当に日に日に成長していて、悪いところも補ってくれています。

以下は、指定されたテキストの余分な部分に省略記号を付けて表示することを実装するデモです:

  作者:zhanhailiang 日期:2014-10-24

以下に示すように:


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。