一、CSS基础 CSS：即Cascading Style Sheet（层叠样式表），是用来控制网页的表现的一门技术，使用css能让单调的html网页更富表现力，css使html文档的表现形式与结构分离开来。 CSS语法： CSS规则有两个主要部分组成：选择器，以及一条或多条声明。如下1 p{
2 color:red;
3 text-indent:2em;
4 }选择器
转载
2024-04-19 15:29:08
62阅读
css选择器什么是选择器？ 选择器是你构造好网页的结构，需要给这些结构赋予样式，这时候就需要用到选择器，利用选择器将元素与样式一一对应；两者的对应关系可以是一对一，一对多，多对一。选择器的分类： 这里我只展示几种比较常见的类型， 1. 标签选择器 给同一种标签添加样式，例如： 标签名{ 属性名:属性值； }<style type="text/css">
转载
2024-03-17 18:48:26
126阅读
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。㈠什么是选择器？每一条css样式定义由两部分组成，形式如下： [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。 ㈡CSS的五大选择器⑴标签选择器（元素选择器）⑵ID选择器（唯一性，
转载
2023-07-26 19:56:45
97阅读
在FLEX的TEXTAREA组件中使用外部加载的CSS。
转载
2008-03-30 19:18:00
106阅读
2评论
【每日一练】第5练，CSS实现按钮边框动画效果
转载
2022-11-08 08:39:47
71阅读
相信大家都会或多或少有几个色彩缤纷的硅胶手腕带（手环）吧，但是它除了戴在手上还有没有其他用法呢？今天小编教大家一个创意教程，用硅胶手腕
原创
2012-07-24 10:14:20
92阅读
动画是使元素从一种样式逐渐变化为另一种样式的效果。通过 CSS3，能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 如需在 CSS3 中创建动画，需要学习 @keyframes 规则。 @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。通过 animation 相关动画
转载
2024-03-16 08:06:01
250阅读
CSS动画就是通过CSS （Cascading Style Sheet，层叠样式表）代码搭建的网页动画。它允许设计师和开发人员通过编辑网站的CSS代码来添加页面动画，从而轻松取代传统动画图片或flash动画的设计方式。 transition（过渡）和animation（动画）是CSS3中的两种动画属性。
转载
2020-08-12 06:18:00
410阅读
最近，群里在讨论这么一个有趣的交互效果，来源于：vueflow.dev： 通过审查元素，发现原效果借助了 Canvas 实现。 思索了一番，觉得这个效果利用 CSS 配合部分 Javascript 代码完全也是可以做到的。 于是动手尝试了一番，最终完美的复刻了该效果： 过程中还是有非常多有意思的技巧
原创
精选
2024-05-21 13:44:54
202阅读
何为动画 我们眼前所看到图像正在以每秒60次的频率刷新，由于刷新频率很高，因此你感觉不到它在刷新。而动画本质就是要让人眼看到图像被刷新而引起变化的视觉效果，这个变化要以连贯的、平滑的方式进行过渡。 css Transitions transition: property duration timin
转载
2020-10-19 16:34:00
311阅读
点赞
3评论
CSS 动画是通过定义关键帧和动画属性，为元素添加过渡效果，使其能够在网页中实现动画效果。以下是关于 CSS 动画的基础知识和常见用法。1. CSS 过渡（Transitions）CSS 过渡效果使属性变化在一定时间内平滑地发生。基本语法element {
transition: property duration timing-function delay;
}示例：.button {
原创
精选
2024-06-17 10:14:39
439阅读
（声明：文中部分内容系整理别人的，出处--http://www.w3cplus.com/css3/new-css3-linear-gradient.html）一、Css3 Gradient Gradient分为linear- gradient（渐行渐变）和radial-gradient（径向渐变）。因为浏览器的支持性不同所以有必要
原创
2015-08-28 13:56:20
1341阅读
@keyframes 规则 要创建 CSS 动画，您首先需要了解 @keyframes 规则，@keyframes 规则用来定义动画各个阶段的属性值，类似于 flash 动画中的关键帧，语法格式如下： @keyframes animationName { from { properties: val ...
转载
2021-09-30 17:20:00
231阅读
2评论
有人说CSS3D是一个骗子.....
CSS用得不好，被揭穿，大家都直呼骗子；运用得当，那就是魔术师，接下来用4个例子来见证奇迹的时刻～1.折叠展开常见的超长文本折叠展开，都是用v-if/v-show来控制显示隐藏的，这里大家可以思考一下，不用js，如何用纯CSS实现常见的折叠展开？
实现目标：模拟点击：点“*详情*”按钮展开，点“*收起*”按钮折叠多行文本显示按钮，单行文本不显示
