深蓝的天空

一只切图喵的碎碎念

更好的 box-shadow 动画

引子

某日移动端有一需求:要求一 App Logo 有一层外阴影闪动效果,实现起来倒也不复杂。简单粗暴直接在 keyframes 中定义 box-shadow 动画即可交差,最终代码如下:

.box {
  margin: 100px auto;
  width: 200px;
  height: 200px;
  border-radius: 4px;
  animation: boxAnimation 1s infinite linear alternate-reverse;
}

@keyframes boxAnimation {
    form {
      box-shadow: 0 0 0px rgba(0, 0, 0, .4);
    }
    to {
      box-shadow: 0 0 50px rgba(0, 0, 0, .4);
    }
}

Read More »

移动端浏览器兼容问题汇总

大概两年前做过一年微信宣传页(也就是俗称的 H5 )开发,期间遇到一系列 Bug,现总结成文,由于时间较久远,能回忆起的不多了,现拼凑记忆记录如下,防止遗忘。
Read More »

WordPress @ LAMP 踩坑

引子

一直将博客托管在虚拟主机上,然鹅自己有一台 VPS 用于科学上网有些浪费,索性将博客迁移了过来,因为从合租变成别墅,速度也有小小提升。折腾期间遇到一些问题,记录如下,如遇到新问题,也会不断更新。

lamp_banne

Read More »

TypeScript Learning

TypeScript 是 JavaScript 类型的超集,它可以编译成纯 JavaScript。
typescript-learning
Read More »

Mac OS 日常使用小技巧

Mac OS 固然优秀也绝非传说中那么神,接触一年有余,日常使用中我也遇到了一些小问题,现汇总如下,如能帮到遇到类似问题的朋友,我非常高兴。

Read More »

如何离线安装 UMP 应用

起因

最近 Windows Store 极限竞速:地平线 3 (Forza Horizon 3)折扣活动,钟情枪车球中车的我以 ¥94.5 赶紧入手了标准版。那么问题来了,作为一款容量为 55GB 多的应用,以及 Windows Store 在我这迷之下载速度,玩到这款游戏可能行趋近于零,反正我是在数次通宵挂机下载失败后放弃了。去贴吧一看,同病相连的小伙伴还不少,幸亏有人提供了解决方案,在此方法上我总结出最简便的方式,流水记录如下:
Forza Horizon 3
Read More »