首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
dainyzyg
更多收藏集
微信扫码分享
微信
新浪微博
QQ
22篇文章 · 0订阅
玻璃拟态是什么?前端该如何实现
你好,玻璃拟态 玻璃拟态是目前市面上的新风格,越来越受欢迎。 最重要的是使用 ` backdrop-filter: blur(6px);`给元素后面区域添加模糊效果。
一起来聊聊table组件的固定列
现有Web页面上,table一般用于统计数据、列表书记等信息的展示。但是当table包含大量的信息需要列出展示时,往往对table添加滚动条来展示更多的数据。突然想到要研究下table组件也是因为最近碰到table数据大量展示的问题,寻觅了一些比较好的解决办法,就目前来说,个人…
🌠一文带你看CSS过渡动画艺术,附带常见动效分享
在使用手机时,都会或多或少都会接触到 过渡动画 的使用场景。从最基本的页面切换到一个按钮的点击后的常态都是动画的应用场景。这些动画无时无刻不在 优化 (欺骗)着我们的大脑,加强我们对一件事情的认知度。不同情况下不同的动画操作能够无形中引导用户进行接下来的行为。并给人脑一定反应的…
纯CSS实现常见的UI效果
大家好,这里是CSS魔法使——alphardex。 切图仔,是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候,大部分时间是在切图和排图,如此往复。这里并不是要否定切图本身,而是在质疑:一直切图到底对自己的功力增长有何好处?想想UI丢给你一套好看的界面,你却只需一个img标…
教你使用CSS3实现新拟态UI
新拟态的英文名称是“Neumorphism”,是New+Skeuomorphism的组合词,同时也叫“Soft UI”。简单讲,新拟态是一种图形样式,其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年,新拟态的UI设计风靡一时,它被誉为2020年最火的UI设计…
使用纯 CSS 实现滚动阴影效果
开门见山,有这样一种非常常见的情况,对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影,用于表明当前有元素被滚动给该滚出了可视区域,类似这样: 对于两侧的列在滚动的过程中,静止不动,吸附在边界的问题,通常 CSS 使用 position: sticky …
能解决 80% 需求的 10个 CSS动画库!
前言1.Animista网站地址:http://animista.net/网站描述:在线生成css动画Animista是一个在线动画生成器,同时也是一个动画库,它为我们提供了以下功能1.选择不同的动画
CSS 自定义属性 — 使用篇
使用篇的翻译来自两篇文章,原文分别是 More Readable CSS with CSS Custom Properties 和 Bridging CSS and JS with Custom Properties,对应的内容分别是自定义属性在 CSS 中的使用和结合 JS 的使用。出于连贯性,所以将两篇糅合在一起。译者略有删减原文中出现的重复概念或叙述。
【收藏】你不知道的css技巧
下面总结了一些常用又有趣的css技巧,希望大家收藏,以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了,并不符合UI设计 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display: -…
🚨Web开发者需要知道的CSS Tricks
作为一名Web开发者,CSS是必备技能之一,我一直以为自己对CSS的掌握已经够用了,直到读Lea Verou的《CSS揭秘》时,我发现自己充其量就算个会打CS的选手,书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案,在这里强烈的推荐给每一位从事前端相关的…