Heim > Artikel > Web-Frontend > 求一个简单的纯CSS3的实现_html/css_WEB-ITnose
求一个简单的纯CSS3的实现_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:18:23844Durchsuche
<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> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：div中的onclick 提交表单_html/css_WEB-ITnoseNächster Artikel：请教下CSS这种写法*>.ui-tabs-nav 前面*>是什么意思?_html/css_WEB-ITnose