Home > Article > Web Front-end > border-radius结合transition的一个小应用（动画）_html/css_WEB-ITnose
border-radius结合transition的一个小应用（动画）_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:16:47989browse
<head lang="en"><br /> <meta charset="UTF-8"><br /> <title></title><br /> <style type="text/css"><br /> .box{<br /> display:block;<br /> height:350px;<br /> width:250px;<br /> background:#ddd;<br /> cursor:pointer;<br /> -webkit-transition: 0.4s;<br /> -moz-transition: 0.4s;<br /> -ms-transition: 0.4s;<br /> -o-transition: 0.4s;<br /> transition: 0.4s;<br /> }<br /> .box:hover{<br /> border-top-right-radius:180px 120px;background: rgba(246,246,247,0.9);<br /> }<br /> </style><br /></head><br /><body><br /><a class="box"></a><br /></body><br /></html>
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：在webstorm下使用compass 和 sass_html/css_WEB-ITnoseNext article：关于网站性能的深入研究_html/css_WEB-ITnose