https://www.cyberstrikelab.com/#/scene/detail/44

关于css相关的属性，看似很简单，实际上却蕴含着巨大的潜力，细心组合，学好css之后，能够呈现出一些特别好看的界面哦，尤其像今天所说的CSS3 box-shad...

之前给博客头部设置了一个 异形元素，当时给它父元素设置了如下 box-shadow：

首先网上找了一圈方案，要么是用UI切图的方式，要么是说用背景或者自带的阴影，这篇文章也说了

这个函数会计算每日的实体(body)、上影线(upper_shadow)和下影线(lower_shadow)，然后检查是否符合看跌(高位倒锤头)流星线的形态。如...

最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果：

这里讲一下为什么我们需要光线追踪，主要是因为光栅化没有办法很好的处理全局的光照效果，就像上节课我们说的到软阴影，还有这个毛玻璃一样的反射光，以及这种间接的光照效...

实际上阴影就是光源看不到的地方但是是我们能看到的地方，那这个地方就应该有阴影，那具体怎么做呢，这个就叫做Shadow Mapping，分两步做

还有就是着色不会产生这个阴影，就是shading不会产生shadow，这个着色是局部的，而这个阴影则是在光源下点和其他点的作用

animation 、 transform 和 filter 这三个就不多做介绍了，基本上所有的动画都会用到这两个属性。

使用方法很简单，将下面的代码添加到WordPress主题的“functions.php”文件中即可。

shadow（阴影）、overload（重载）、override（覆写），这三个概念一直有人非常混淆，很幸运，经过老师的悉心教导，我总结了一下三个概念的不同之处...

shadow（阴影）、overload（重载）、override（覆写），这三个概念一直有人非常混淆，很幸运，经过老师的悉心教导，我总结了一下三个概念的不同之处...

主要是通过box-shadow合阴影结合css3动画关键帧@keyframes来实现