这篇博客介绍了一种使用纯CSS3创建的创新手机APP登录界面动画效果。当用户点击登录按钮后，按钮将变为弹跳的小球图标，最终在界面底部变为不可见的图标。该效果通过HTML结构和CSS样式实现，包括按钮变形、动画过渡和透明度变化等技术。
这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后，按钮变形为一个小球图标，并且小球会上下弹跳，之后小球会落入界面底部成为一个图标按钮。
使用方法
HTML结构
该手机APP登录特效的HTML结构使用嵌套
的HTML结构。为制作点击事件，采用和的组合，使用checkbox-hack来制作点击事件。
5:12PM
Login
CSS样式
在登录按钮被点击之后，使用checkbox-hack来将按钮变形为圆心，并最终使它的透明度降低为0，变为不可见。
.demo__login {
position: absolute;
width: 20rem;
height: 4.4rem;
left: 50%;
top: 50%;
-webkit-transform: t
最低0.47元/天 解锁文章
2002
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
