javascript - 解锁时的ios图标过渡效果

标签 javascript ios css

如果没有正确的搜索词,我找不到你所说的在 ios 设备上的效果。

是否有库、教程、 fiddle 实际上在设备解锁时对图标执行过渡效果,特别是仅使用 css3 或一点点 javascript 或至少注释掉该效果的名称。

如果你无法想象我在说什么,请看这个 ios7 introduction in youtube

最佳答案

当你抛出效果时,你必须改变每个 child 的位置。 我用 jQuery 和 CSS3 做了它。这是 fiddle :http://jsfiddle.net/uJRA8/2/


...

...

#container .box:nth-child(8) {
    top: 170px;
    left: 85px;
}
#container .box:nth-child(9) {
    top: 170px;
    left: 170px;
}

#container.fly .box:nth-child(1) {
    top: -75px;
    left: -75px;
}

...

...

关于javascript - 解锁时的ios图标过渡效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20794448/

相关文章:

html - Firefox 位置 : absolute not returning expected results

javascript - Rxjs/响应式(Reactive)编程/redux observable 中的全局变量使用

javascript - dalelotts angular-bootstrap-datetimepicker 在 timepicker 中显示 24 小时格式

javascript - visual studio 11 javascript metro 应用程序部署错误

iphone - 连接NSMutableArray中的所有元素以形成NSString

css - 定位背景图片,添加padding

javascript - 找不到 Meteor.call 方法

objective-c - 合并来自后台线程的更新后,NSFetchedResultsController 未触发委托(delegate)方法

ios - 无法将 Int 类型的值分配给 Swift 2.1 中 Int 数组的元素

css - 在 SCSS 的 for 循环中生成线性渐变