打开文件夹，有的文件夹里面有这种分类，如下图：如果要
原创
2023-01-05 12:52:06
1591阅读
/**作者：呆萌老师*☑csdn认证讲师*☑51cto高级讲师*☑腾讯课堂认证讲师*☑网易云课堂认证讲师*☑华为开发者学堂认证讲师*☑爱奇艺千人名师计划成员*在这里给大家分享技术、知识和生活*各种干货，记得关注哦！*/ CSS是Cascading Style Sheet（层叠样式表）的缩写。是
原创
精选
2022-08-30 19:12:33
240阅读
前端动画是现代网页设计中常见且重要的组成部分，它不仅提升了用户体验，还能增强界面的趣味性和交互感。“三折叠，咋么折都有面”这一效果可以用于模拟类似折叠设备（如可折叠手机或折叠式卡片）的动画。本文将通过使用HTML、CSS和JavaScript实现这一动态效果，展示元素的多次折叠和展开过程。
华为 Mate XT 非凡大师三折叠手机在硬件配置上展现出了强大的实力。它搭载了麒麟 9010 处理器，其性能表现优异，无论是单核还是多核性能都令人瞩目。与华为平板电脑的麒麟 9010W 处理器相比，两者都有着出色的数据处理能力，能满足用户对于高性能的需求。
9月22日，柔宇科技在线上举办以“另一可能”为主题的2020柔宇科技战略及新品发布会，正式推出新一代折叠屏手机FlexPai 2。作为全球首款折叠屏手机 FlexPai的升级版，FlexPai 2屏幕能够承受180万次弯折（一天翻折100次可使用约50年），通过独创的Royole 3STM全闭合线性转轴可实现完全无间隙闭合，而且展开后无折痕，达到类镜面平整度。更重要的是，FlexPai 2的8GB
转载
2023-09-09 20:03:22
193阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2077阅读
最近看了一篇关于JSON无限折叠菜单的文章 感觉写的不错，也研究了下代码，所以用自己编码方式也做了个demo 其实这样的菜单项在我们网站上或者项目导航菜单项很常见的一种效果，特别是在一些电子商务网上上左侧有分类是很常见的 或者说导航菜单有下拉效果也是很常见的，但是他们都是做死的 也就是页面上代码直接写死的 然后实现那种下拉效果 而今天我们是通过JSON格式来自动生成的，或者可以说 要做这种折叠菜单
前言：由于时间比较紧，这次的博客更偏向笔记性质，而不是教程性质，必须打开源代码，接着再一步一步参考以下的笔记，不然很多细节上的东西漏掉了运行时会出现不少问题。源代码：笔记九Egret-折叠List源代码整体思路：1.首先，我们在普通的List包含Item的范例，把其中每一个item改装成包含一个更小的list的组件。2.接着是用一个二维数组给全部item的赋值，其中的二维数组代表着：包含着10个小
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2072阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
722阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5068阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
190阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
299阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
原创
2013-05-16 17:48:57
493阅读
transform让背景图标旋转360度 a b {display: inline-block;width: 14px;height: 14px;background: url(/img/button_img.png) -1px -1px no-repeat; a:hover b {-moz-tra
转载
2016-07-14 11:20:00
165阅读
消除疑问：CSS动画 VS JavaScriptCSS3实现四叶草、水母与玻璃瓶令人难以置信的纯CSS3图标和LogoCSS3 2D Transform 详细讲解理解CSS3 transform中的Matrix(矩阵)Web排版的缩放
转载
2012-05-28 12:50:00
1271阅读
2评论
CSS 消除transition闪屏- .css { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } 过渡动画（在没有启动硬件加速的情况下）
转载
2020-06-04 08:41:00
248阅读
2评论
