Heim > Web-Frontend > HTML-Tutorial > 求一个简单的纯CSS3的实现_html/css_WEB-ITnose

求一个简单的纯CSS3的实现_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:18:23
Original
870 Leute haben es durchsucht

<html><body>    <div>点击这里就使div的高度往下渐变至浏览器的高度</div></body></html>
Nach dem Login kopieren


回复讨论(解决方案)

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>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage