首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
css
郑鑫983
创建于2022-09-22
订阅专栏
css学习
暂无订阅
共10篇文章
创建于2022-09-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
61.css-空心文字
放假了,水一章,这个原理和上一期的是一样的,都是用文字阴影实现的 ``` <h1>空心文字</h1> body { background-color: #000;
60.css-文字3D效果
![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/76ad200617004f9aacb005cb6db6b714~tpl
59.css-渐变色
渐变色我们一般会直接使用ui的图当背景图,那css的渐变色你们还会多少.我们常用的有线性渐变,径向渐变和扇形渐变,我们来了解一下把.准备3个盒子和一些同一的样式 线性渐变 conic-gradient
58.css-古诗词从右到左,从上到下
有一个需求需要将古诗从右到左,从上到下排列 我们可以用4个行内块的盒子并排,然后每个盒子定宽,竖着写,还可以使用一个css属性
55.css-文字连续光影
今天介绍一个文字的连续光影的特效,开始以为挺难得,结果发现还css很简单 准备容器与文字 添加动画 shadow:动画名称 1s:动画时间 ease-in-out: 动画以低速开始和结束 infini
54.css-按钮边框旋转
之前看到的一个按钮的边框一直在旋转还挺好看的,现在用纯css来实现一下. 主要思路就是用一个伪元素大小溢出去,然后旋转起来,用overflow:hidden遮住外面的部分,用另一个白色的伪元素遮住里面
53.css-3d
之前css写的一个选择木马的效果,有用到transform,transform-style,animation,animation-play-state,keyframes 等属性 1.准备盒子 准备
52.css-保持盒子纵横比
前端时间面试官问我 q:会不会做响应式开发, a:我想这个做的很多啊,便回答一般使用媒体查询,flex,grid,栅格来做, q:"那么现在需要一个盒子长宽保持比例缩放怎么实现?额,好像上面的都是调整
50.文本溢出省略
单行文本溢出省略 overflow: hidden; // 溢出影藏 text-overflow: ellipsis; // 溢出显示省略号 white-space: nowrap; // 段落中的文
51.transform实现奥运五环
这是一个正常的奥运五环,环环相扣的, 这是我写的五环,层层叠加的,那么怎么才能使下面的五环实现上面的效果呢,好奇的小明这种就问了,为什么不直接使用上面的图片呢,又快又方便.那肯定不行,因为产品说了,首