ホームページ >ウェブフロントエンド >htmlチュートリアル >シンプルで純粋な CSS3 実装を探しています_html/css_WEB-ITnose
シンプルで純粋な CSS3 実装を探しています_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:18:23871ブラウズ
<html><body> <div>点击这里就使div的高度往下渐变至浏览器的高度</div></body></html>
ディスカッションに返信（解決策）
CSS3にこの機能はありますか？ CSS3はJSよりも強力ですか?
IE上でスタイル内の式を使ってJSを実行することは可能です
要件を満たさないものを実装してしまいました
<html><head><style>#div { width: 100px; margin: 5px 0; padding: 5px; color: white; background-color: #ED8029; text-align: right; border-radius: 5px;}#div:active{ height:500px;}.ease { -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; transition: height 0.5s ease;}</style></head><body> <div id="div" class="ease">ease</div></body></html> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。