CSSlearnning._html/css

来源：动视网责编：小采时间：2020-11-27 16:21:43

CSSlearnning._html/css

CSSlearnning._html/css_WEB-ITnose:Whenever this property changes, apply that change slowly. The property transition: width 2s says when the width changes, animate it over the course of 2 seconds. transition: a

推荐度：

点击下载本文 文档为doc格式

导读CSSlearnning._html/css_WEB-ITnose:Whenever this property changes, apply that change slowly. The property transition: width 2s says when the width changes, animate it over the course of 2 seconds. transition: a

"Whenever this property changes, apply that change slowly."

The property transition: width 2s says “when the width changes, animate it over the course of 2 seconds.”

transition: all 0.5s says “when anything changes, spend 0.5s doing it.”

So if you want to round the corners of a button when it’s hovered?

/* Initial state: border-radius is 0. * When border-radius changes, it'll take 0.3s * instead of happening immediately */button {	border-radius: 0;	transition: border-radius 0.3s;	/* any other styles you need ... */}button:hover {	border-radius: 20px;}

　　Here’s the button:

1 .demo-button { transition: border-radius 0.3s; 2 border: 1px solid dodgerblue; background-color: #fff; 3 border-radius: 0; padding: 1em; color: dodgerblue; } 4 .demo-button:hover { border-radius: 20px; }

CSSlearnning._html/css

推荐度：

点击下载本文 文档为doc格式

标签： it html css

热门焦点

CSSlearnning._html/css

CSSlearnning._html/css

CSSlearnning._html/css

最新推荐

猜你喜欢

热门推荐