开篇实现炫酷的网页动画效果，自然少不了css3中transform的属性，此属性功能丰富且强大，比如实现元素的位移translate(x,y)，缩放scale(x,y)，2d旋转rotate(angle)，倾斜变换skew(x-angle,y-angle)等，利用这些属性可以实现基本的动画效果，如果你要实现自定义和像素级别控制的高级动画效果，我们还需要深入了解它的另外一个属性——matrix，ma
原创
2021-01-11 17:44:07
696阅读
一、哥，我被你吓住了
打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式”）。这与情感化设计本质一致：界面设计好会让人觉得这个软件好用！
所以，当看到上面“Matrix(矩阵)”的时候，难免会心生畏惧（即使你已经学过），正常心理。实际上，这玩意确实有点复杂。
然而，这却是屌丝逆袭的一个好机会。
CSS同行间：
你是不
转载
精选
2012-10-23 13:52:08
233阅读
一、哥，我被你吓住了 打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式”）。这与情感化设计本质一致：界面设计好会让人觉得这个软件好用！ 所以，当看到上面“Matrix(矩阵)”的时候，难免会心生畏惧（即使你已经学过），正常心理。实际上，这玩意确实有点复杂。 然而，这却是屌丝
转载
2016-10-08 23:12:00
174阅读
、哥，我被你吓住了打架的时候会被块头大的吓住，学习的时候会被奇怪...
转载
2015-12-16 14:03:00
127阅读
1.Every matrix M is associated with a coordinate system. This coordinate system has o
转载
2011-03-31 18:08:00
262阅读
2评论
为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。1. 导航高亮导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就可以达到这个目的，不需要使用JS。在正常态时，每个导航的默认样式为：nav li{ opacit
css3中的transform让我们操作变形变得很简单，诸如，translate–移动，scale–缩放，rotate–旋转，skew–斜切。这几个属性很方便，也很简单，但是其中matrix我们就不常使用了吧。
转载
2023-02-15 15:56:12
237阅读
CSS（Cascading Style Sheet）对HTML做补充，做效果。现在使用的为最新的CSS3.
层叠（Cascading）
层叠三大规则：（优先级依次递减）
样式表来源
选择器优先级
源码位置
1、样式表来源重要次序排序
用户代理样式（浏览器默认样式）
用户样式表 很少有
作者样式表 developer写的
作者样式表中的 ！important
用户样式表中的 ！importa
原创
2023-09-10 21:37:35
113阅读
本质全称为层叠样式表（cascading style sheets）。属于修饰HTML文件的语言。如果把HTML比作成word文档的基本内容，CSS就
原创
2022-10-26 11:19:58
13阅读
matrix.setScale(interpolatedTime, interpolatedTime); matrix.preTranslate(-centerX, -centerY); matrix.postTranslate(centerX, centerY);经常在中心anslate是指在se
转载
2023-05-24 00:23:39
399阅读
示例效果 See the Pen transition by wmui (@wmui) on CodePen. 属性介绍 transition property transition property定义应用过渡效果的CSS属性名称，默认值 ，表示所有属性都获得过渡效果；属性值 表示没有属性获得过渡 ...
转载
2021-09-30 13:57:00
355阅读
CSS是一种棘手的语言。我们没有错误提示或调试器或Console.Log，我们的直觉是我们拥有的最好的工具。如何能够通过深入理解来避免或解决我们遇到的问题呢？
翻译
2023-04-23 00:12:58
441阅读
CSS之BFC理解BFC的介绍BFC是一种规则，就像孙悟空三打白骨精里面孙悟空划了一个圈让师父和师弟在圈里，这样子白骨精
原创
2022-11-17 00:18:00
87阅读
10-1.html<html><head><title>div 标记范例</title><style type="text/css"><!--div{ font-size:18px;  
转载
2009-08-02 14:26:38
1004阅读
1. 权重概念： 权重，是一个相对的概念，是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。 权重系数，是表示某一指标项在指标项系统中的重要程度，它表示在其它指标项不变的情况下，这一指标项的变化，对结果的影响。 2.css权重的理解： 每一个css的选择器都有一个相对的重要程度值，也就是权重的值，简称“权值”； css通过css选择器的权重占比，来计算css
转载
2024-04-26 09:19:48
21阅读
steps()函数为CSS动画提供了一种步进的方式，使得动画可以在离散的步骤之间变化，这在许多动画场景中都非常有用。通过合理地使用steps()函数，你可以创建出更加有趣和吸引人的动画效果。
原创
2024-07-09 10:53:11
62阅读
最近工作中做了几件事情都与页面元素定位相关，所以这里将工作中遇到的问题以及解决方法记录在博客里，以便日后查阅。叠压有一个任务是做一个列表组件，列表中的每一行都要向上叠压上一行的底边，注意，是叠压，不是接壤。问题分析：利用相对定位（position:relative）来制造相对于行（row）的偏移量，使行内元素向上偏移，并叠压上一行的行内元素的底边。既然是相对定位，那就不能让每一行的定位基准点基于上
原创
2017-12-17 01:00:54
6292阅读
color 设置文本的颜色，默认有继承性。属性值可以是颜色名、十六进制颜色值、rgb值，inherit关键字。 direction 设置文本的书写方向，默认值ltr，有继承性。属性值rtl，文本方向从右向左。 继承。 结果： Hello world. Hello world. 个人理解，rtl就是把 ...
转载
2021-09-30 13:54:00
265阅读
2评论
