Rumah >hujung hadapan web >html tutorial >求一个简单的纯CSS3的实现_html/css_WEB-ITnose
求一个简单的纯CSS3的实现_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:18:23871semak imbas
<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> Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：div中的onclick 提交表单_html/css_WEB-ITnoseArtikel seterusnya：请教下CSS这种写法*>.ui-tabs-nav 前面*>是什么意思?_html/css_WEB-ITnose