CSS
6篇文章 · 0订阅
  • 关于animation和transition一点知识
    CSS3动画和JS动画的区别JS实现的是帧动画CSS3实现的是补间动画帧动画：使用定时器，每隔一段时间，更改当前的元素补间动画：过渡（加过渡只要状态发生改变产生动画）动画(多个节点来控制动画)性能会更
    CSS
    关于animation和transition一点知识
  • 2019 年知识总结-css 篇
    当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，css 属性 scroll-behavior 为一个滚动框指定滚动行为，其他任何的滚动，例如那些由于用户行为而产生的滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。 表示一个元素获…
    CSS
  • 一个栗子让你彻底弄懂CSS3动画
    ease 规定慢速开始，然后变快，然后慢速结束的过渡效果。 ease-in 规定以慢速开始的过渡效果。 ease-out 规定以慢速结束的过渡效果。 ease-in-out 规定以慢速开始和结束的过渡效果。 linear 动画从头到尾的速度是相同的。 delay属性：用于将动画…
    CSS JavaScript
  • 用 css 画三角形、梯形、扇形、箭头和椭圆几种基本形状
    1. 画三角形 然后我们可以通过给任意三边的颜色设置为 transparent 即可分别实现任一方向的三角形。 通过设置某条边的宽度比其它边宽，来调整三角形的高度。 通过设置某条边的宽度比其它边窄，来调整三角形的宽度。 2. 画梯形 梯形也是基于 border 来绘制的，只不过…
    CSS
  • 重温CSS3常见新特性的奥秘（个人总结）
    通过过渡transition，可以使开发者不需要javascript就可以实现简单的动画交互效果。 CSS3 Filter（滤镜）属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。 如果你想要在渐变的方向上做更多的控制，你…
    CSS
    重温CSS3常见新特性的奥秘（个人总结）
  • CSS 阴影动画优化技巧一则
    本文不是直译，因为觉得这个技巧很有意思很有用，遂起一文。 box-shadow 在我们的工作中使用以及越来越多，伴随阴影的动画或多或少都有一点。假设，我们有下面这样一个盒子： 希望 hover 的时候，盒阴影从 box-shadow: 0 2px 4px rgba(0, 0, …
    CSS 前端
    CSS 阴影动画优化技巧一则