大佬教程收集整理的这篇文章主要介绍了CSS3过渡 – 淡出效果,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="dummy-wrap"> <div class="success-wrap successfully-saved">Saved</div> </div>@H_450_3@CSS
.dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap { width: 75px; min-height: 20px; clear: both; margin-top: 10px; } .successfully-saved { color: #FFFFFF; font-size: 20px; padding: 15px 40px; margin-bottom: 20px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; BACkground-color: #00b953; } @keyframes slideup { 0% { top:0px; } 75% { top:0px; } 100% { top:-20px; } } @-moz-keyframes slideup { 0% { top:0px; } 75% { top:0px; } 100% { top:-20px; } } @-webkit-keyframes slideup { 0% { top:0px; } 75% { top:0px; } 100% { top:-20px; } } @-o-keyframes slideup { 0% { top:0px; } 75% { top:0px; } 100% { top:-20px; } }
以上是大佬教程为你收集整理的CSS3过渡 – 淡出效果全部内容,希望文章能够帮你解决CSS3过渡 – 淡出效果所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。