AI智能
改变未来

标签:CSS

纯 CSS3 卡通小火车行驶动画-爱站程序员基地
CSS

纯 CSS3 卡通小火车行驶动画

AI

自从CSS3流行以来,基于纯CSS3的动画就层出不穷,有纯CSS3的人物动画、纯CSS3按钮动画等。这次,我们给大家分享一个很不错的CSS3卡通火车沿轨道行驶动画,一辆卡通样式的火车缓缓驰过,特别是火车头的动画设计,非常可爱和逼真。 效果预...

什么是 CSS 设计模式-爱站程序员基地
CSS

什么是 CSS 设计模式

AI

这是转载的,先收藏到我的博客园。   什么是设计模式?   曾有人调侃,设计模式是工程师用于跟别人显摆的,显得高大上;也曾有人这么说,不是设计模式没用,是你还没有到能懂它,会用它的时候。   先来看一下比较官方的解释:“设计模式(Desig...

css3中2D转换之有趣的transform形变-爱站程序员基地
CSS

css3中2D转换之有趣的transform形变

AI

在CSS3中,transform属性应用于元素的2D或3D转换,可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的形变处理 语法: div{transform: none|transform-functions...

CSS快速入门(二)-爱站程序员基地
CSS

CSS快速入门(二)

AI

[toc] 伪类选择器 简介 伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的...

CSS巧用渐变实现高级感背景光动画-爱站程序员基地
CSS

CSS巧用渐变实现高级感背景光动画

AI

实现 这个效果想利用 CSS 完全复制是比较困难的。CSS 模拟出来的光效阴影相对会 Low 一点,只能说是尽量还原。 其实每组光都基本是一样的,所以我们只需要实现其中一组,就几乎能实现了整个效果。 观察这个效果: 它的核心其实就是角向渐变...

CSS实现五种常用的2D转换-爱站程序员基地
CSS

CSS实现五种常用的2D转换

AI

CSS 中的 2D 转换允许我们在二维空间中执行一些基本的变换操作,例如移动、旋转、缩放或扭曲等,变换后的元素与绝对定位的元素类似,不会影响周围的元素,但可以和周围的元素重叠,不同的是,转换后的元素在页面中任然会占用为转换之前的空间。 借助...

浅谈css实现背景颜色半透明的两种方法-爱站程序员基地
CSS

浅谈css实现背景颜色半透明的两种方法

AI

在页面布局时,为了给用户不一样的视觉效果,需要设置div的背景颜色为半透明状态,你知道怎么设置吗? 接下来,就和大家聊聊如何用两种方式使div的背景颜色变成半透明,以及两种方式的优劣。感兴趣的朋友可以过来看看,希望对你有所帮助。 首先,我们...