大家晚上好呀,我是利兄~
2024年10月31日
上篇整体介绍了css渐变的知识,本篇将着重介绍线性渐变(linear-gradient)。
我们在网页设计中最常见的 CSS 渐变类型是 linear-gradient()。之所以称为“线性”,是因为颜色从左到右、从上到下或以您在某个方向上选择的任何角度渐变。
2024年10月31日
CSS3高级属性——转换
transform: 转换、变形
语法:
选择器 {
transform: 变形函数
}
常用的2D转换函数:transform转化
(1)位移:translate(x)、translate(x, y),无需指定轴点
(2)旋转:rotate(值deg),值为正数就是顺时针转,值为负数的话就是逆时针转。
2024年10月31日
先看看最终效果
这个效果非常简单,只要看完实现原理应该就是有思路了。
2024年10月31日
“等风来不如追风去,追逐的过程就是人生的意义”。
借朋友吉言,“2018在头条,2019成为头条”,这就是我2019的目标,我已经在追风的路上。你呢?不要停下脚步,继续前行吧。
今天来个实用的小知识,看下图:
很多人看到左右的波浪边框,第一想法,应该是用图片实现。现在我们就打破这一想法,用CSS搞定这个效果。
radial-gradient()
2024年10月31日
圆锥渐变类似于径向渐变。两者都是圆形的,并且使用元素的中心作为颜色的源点。径向渐变的颜色从圆的中心中心辐射,而圆锥渐变是围绕一个中心点旋转。
2024年10月31日
色彩在设计中是十分重要的,随着设计技术的发展和演变,美丽的渐变色也愈来愈受大家喜爱。但是要迅速地配出满意的渐变色需要不少时间,所以今天给大家分享一些快速生成渐变色的网站,真的非常实用又方便~
2024年10月31日
在 Tailwind CSS 中实现背景渐变可以通过使用 `bg-gradient-to` 类来完成。Tailwind 提供了一个灵活的系统来创建各种类型的背景渐变。以下是一些示例,展示如何在 Tailwind CSS 中设置不同方向的背景渐变。
如果你想创建一个水平方向的渐变,可以这样做: