求一个简单的纯CSS3的实现_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 12:18:23874검색
<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으로 문의하세요.