深圳幻海软件技术有限公司

什么是SCSSSass:SassBasics(sass-lang.com)SCSS是CSS的预处理器，它比常规CSS更强大。可以嵌套选择器，更好维护、管理代码。可以将各种值存储到变量中，方便复用。可以使用Mixins混合重复代码，方便复用。scss导入html方法一VSCODE插件方法二手动编译np

REMrem是一个相对尺寸，它相对于html根元素来进行计算类推3REM为48px。改变html根元素font-size属性的大小。那么REM值也会随之改变。html{font-size:50px;/*默认16px*/}此时3REM为150px。接下来我们通过一个小案例来演示。f-size使用了te

HarmonyOS提供了轻量级智能穿戴应用开发，开发者可以在运动手表上开发跨设备协同工作的应用，如从与之匹配的智能手机、平板等各类设备上获取信息，便捷地显示在运动手表上，或通过对运动手表的操作来控制其他设备上的操作任务，为消费者带来更加灵活、智慧的分布式交互体验。轻量级智能穿戴统一使用JS语言进行开

UI小姐姐非要让我在Android系统自定义的Webview上支持实现我们俗称的“毛玻璃”效果，说是一定要实现，不实现这种效果就失去了设计的灵魂，奈何我百般解释，她就要，就要，要！没办法，研究一下子咯！一、backdrop-filter是金手指吗?毛玻璃效果在iOS系统上比较常见，比如消息通知栏、手

又到了B端干货分享的环节了，今天我们来分享的是B端项目复杂组件中出现频率最高(没有之一)的——表格组件。掌握表格的设计，就掌握B端设计的半壁江山，我们赶紧开始吧!PART01表格的基本认识1.表格是什么，为什么重要?表格已经是现代电子计算机系统中重要的组成部分之一，从小学开始，我们就已经在电脑课上学

在平时开发中，经常会碰到一些需要判断高度的场景，比如当超过一定高度后，需要自动出现展开折叠按钮，如下：传统的思路肯定是通过JS去动态计算容器的高度，但这样就涉及到加载时机的问题，获取早了可能元素还没渲染好，晚了又会有明显的卡顿感，或者会引起页面的闪烁。那有没有仅通过CSS的方法呢？当然也是有的！要实

最近有同事问我这样一个问题：需要绘制一个自适应文本的写作网格线，设计稿是这样的。写作网格其实就是一行行虚线，要求如下：虚线的纵向间隔要跟随行高自适应，确保文本在每一栏虚线上。虚线后面的背景是动态的，可以是纯色，可以是渐变，也可以是图片。绘制这样的虚线，看似容易，其实暗藏玄机，下面一起看看有哪些实现方

最近碰到这样一个问题，在一张封面上直接显示书名，可能会存在书名看不太清楚的情况（容易受到背景干扰），如下为了解决这个问题，设计师提了一个“究极”方案，将书名背后的图片模糊一下，这个在CSS中很好实现，仅需backdrop-filter即可复制.name{backdrop-filter:blur(10

在Chrome104中，支持了一个非常有意思的新特性。CSS中的 ​​transform​​ 支持单独赋值改变。不要小看这一点，此点改动在很多时候，能够非常有效的解放生产力，算是一个非常NICE的更新。浅析一下什么意思呢？我们来看这样一个例子：在之前，我们可以利用 tr

你将收获网站换肤设计方案介绍target伪类介绍和用法以及如何使用css实现网站换肤transition动画以及如何用纯css实现焦点图动画效果展示1.网站换肤2.焦点图动画实现思路1.网站换肤通常我们实现网站换肤都基于如下方式实现:方案一:使用OOCSS模式,通过js动态切换公共类名来达到换肤效果

二维码在今天的生活中，使用场景较多，像我们使用二维码进行无现金支付、交易和登录等。在今天的内容中，我将分享一个快速构建二维码生成器的案例，它只需要我们熟悉HTML5、CSS3和JavaScript基础知识的人就可以完成这个二维码的创建。在今天的文章，我不讲述它们的基础知识内容，但是我们会提供实现的源

最近在项目中碰到一个这样的角标设计，如下：设计稿像这种可以文字可变化，自适应大小的布局，自然首选CSS了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两部分，一个圆角矩形和一个三角形圆角矩形和三角形假设HTML是这样的。复制<tag>审核为通过</tag&

在CSS中，其实存在各种各样的函数。具体分为：Transformfunctions[1]Mathfunctions[2]Filterfunctions[3]Colorfunctions[4]Imagefunctions[5]Counterfunctions[6]Fontfunctions[7]Sha

笔者从毕业开始做前端到现在，90%的项目是移动端打交道，所以当简历上写了“移动H5”几个字时，必会被问到自适应方案与高清方案。”自适应“讲的是一套UI(例如750*1334)，在多端下展示近乎一样的效果;而”高清“是因为DPR提升而所做的各种精度适配。这篇文章讲讲笔者理解的自适应方案和高清方案。先说

在我们的页面中，经常会出现这样的问题，一块区域内的文本或者边框，在展示的时候，变得特别的模糊，如下(数据经过脱敏处理)：正常而言，应该是这样的：emmm，可能大图不是很明显，我们取一细节对比，就非常直观了：何时触发这种现象?那么?什么时候会触发这种问题呢?在Google上，其实我们能搜到非常多类似的

本文是继笔者之前文章用css3实现惊艳面试官的背景即背景动画(高级附源码)的续篇也是本人最后一篇介绍css3技巧的文章，因为css这块知识难点不是很多，更多的在于去熟悉css3的新特性和基础理论知识。所以写这篇文章的目的一方面是对自己工作中一些css高级技巧的总结，另一方面也是希望能教大家一些实用的

Hello，大家好，我是Coco。因为发现大家不太喜欢在公众号看长篇大论。后续会带来新的每日CSS系列，力求在2~5分钟内讲明白一个小的CSS知识点或者动画，希望对你有所帮助。正文从下面开始~本文将介绍一种巧用模糊实现的文字3D效果。我们都知道，在正常的视觉效果中，离我们越近的通常我们会看的越清晰，

一、基础储备实现这些漂亮的按钮主要利用了一些CSS的属性，主要有animation、background-size、background-position、linear-gradient(),下面对这四个内容进行简要概述。1.1animationanimation属性用来指定一组或多组动画，每组之间

本文经AI新媒体量子位（公众号ID:QbitAI）授权转载，转载请联系出处。HTML不是编程语言，但这并不妨碍精通它的大佬玩出花来。普通的前端，用HTML+CSS制作网页，元素简单，工具丰富。大佬级前端，用HTML+CSS绘画，全程不用PS、AI这种图形化的图片编辑器，单纯敲一行行代码纯手工绘制。把

一.什么是BFC机制BFC(BlockFormattingContext)，块级格式化上下文，是一个独立的渲染区域，让处于BFC内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。 触发条件(以下任意一条) float的值不为none overflow的值不为