首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
lucky_jing
更多收藏集
微信扫码分享
微信
新浪微博
QQ
21篇文章 · 0订阅
CSS 实现多行文本“展开收起”
多行文本展开收起是一个很常见的交互, 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时,不显示“展开收
除了 filter 还有什么置灰网站的方式?
大家都知道,当一些重大事件发生的时候,我们的网站,可能需要置灰,像是这样: 当然,通常而言,全站置灰是非常简单的事情,大部分前端同学都知道,仅仅需要使用一行 CSS,就能实现全站置灰的方式。 像是这样
【网页特效】丝滑的macOS Dock效果
大家好,我是 Steven。 如果是单纯的逐个图标放大,其实就没什么难度。不过我们的作风是,要做就做得够细致,当游标在同一个图标上左右移动时,都会影响到左边和右边的图标大小的,达到一个很连贯的效果,这个就是今次的难度所在。 好了,那我们就开始吧。 打开 CodePen 编辑器,…
从王者荣耀里我学会的前端新手指引
在王者的世界里,不仅仅只有快乐,还能搞学习,让你成为快乐而又富有知识的人。这其中的功臣,这不得不说的就是它的新手指引。 为什么这么说呢?我们先来看几张图。 没错,上面的就是王者荣耀的新手引导,手把手教学,还有妲己美妙的声音。 整个过程大约 2分钟。它使用了多种引导方式,蒙层引导…
【建议收藏】css晦涩难懂的点都在这啦
下面我将选择进行划分为三大部分,对于基本选择器我就不说了,主要讲下伪类选择器,组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式,这个算是这个选择器的亮点了。 上面这两我就不说了,相信大家都用烂了。主要说说下面这两个。 好了,在讲完这些选择器之后我们来…
16种方法实现水平居中垂直居中
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文:16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…
用 css 画三角形、梯形、扇形、箭头和椭圆几种基本形状
1. 画三角形 然后我们可以通过给任意三边的颜色设置为 transparent 即可分别实现任一方向的三角形。 通过设置某条边的宽度比其它边宽,来调整三角形的高度。 通过设置某条边的宽度比其它边窄,来调整三角形的宽度。 2. 画梯形 梯形也是基于 border 来绘制的,只不过…
CSS 常见布局方式
本文思维导图,欢迎补充 本文首发于我的个人网站:http://cherryblog.site 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现方法太多,所以本文主要是介绍 flex 布局和 grid 布局,以及 C…
给新手前端的✋5段救命🚀css代码(scss mixin)
在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了✋5个分享给大家, 希望大家喜欢. 参过参数可以只是单/多行. 移动端由于像素密度比的问题, 实际的1px边框看起来比较粗, 如果想要更"细"可以使用下面的代码. 不同像素密度比的设备都可以兼容(pc/手机…
『面试的经历』—— 四年前端在CSS面试上跪了/(ㄒoㄒ)/~~
在面试最后,面试官突然问了我最后一个问题。怎么清除浮动。当然我很快给出最常用的方法。 本来我以为,面试官还会问,还有那些方法,我脑中已经构思了好几种方法。没想到,面试官竟然问我,这个方法清除浮动的原理。 原理!当时我就有点懵逼,这个方法很常见,也经常在用,但是就没去理解过其原理…