乐胖代购免代理版

[css] 黑白主题切换

【前端知识分享】CSS主题切换方案

前端

类名

css

预处理

原创 1月前 52 阅读

【css】border-image和border-radius 冤家路窄

【代码】【css】border-image和border-radius 冤家路窄。

css

渐变色

背景色

原创 3月前 142 阅读

[css3] 如何设置边框颜色渐变

【代码】[css3] 如何设置边框颜色渐变。

css3

javascript

前端

渐变色

CSS

原创 8月前 63 阅读

[css] 让文字进行竖着分散对齐

【代码】[css] 让文字进行竖着分散对齐。

css

前端

块元素

原创 2024-03-01 10:52:38 85 阅读

[css] 文字加描边 -webkit-text-stroke

【代码】[css] 文字加描边 -webkit-text-stroke。

css

webkit

前端

原创 2024-01-18 11:45:41 138 阅读

[css] flex wrap 九宫格布局

【代码】[css] flex wrap 九宫格布局。

css

前端

九宫格

CSS

原创 2023-12-23 22:27:10 167 阅读

[css] flex 子元素自动撑开父元素宽度

这样，子元素将会垂直排列在一列内，并自动撑开父元素的宽度。同样地，如果子元素的高度总和超过了父元素的高度，则子元素会被压缩元素的。

css

原创 2023-12-01 15:15:49 1093 阅读

[css] 实现字体发光效果 text-shadow

text-shadow: 水平阴影的位置垂直阴影的位置阴影模糊的距离阴影颜色;

css

前端

CSS

原创 2023-05-27 00:26:32 398 阅读

[css] 文字渐变

【代码】[css] 文字渐变。

css

css3

前端

3d

字体颜色

原创 2023-04-16 21:41:03 256 阅读

[css] 父元素flex:1,子元素设置height:100%无效

父级的高度是通过flex为1来设置的，然后子级想保持和父级一样的高度。由于这里的父元素是缺省的，所以设置了高度百分百是无效的。这个时候inner就会保持和content一样的高度。可以设置父级高度为0.

css

前端

html

原创 2023-03-20 10:17:45 1920 阅读

[css] flex 1失效 el-scrollbar

父级都要有height，width。

css

原创 2023-03-20 10:15:53 533 阅读

[css] flex:1失效问题

【代码】[css] flex:1失效问题。

css

原创 2023-03-20 10:15:48 166 阅读

[css] 如何使用Font Awesome

官网下载Font Awesome旧版或最新版；http://www.fontawesome.com.cn/faicons/将CSS内的font-aw

css

.net

CSS

原创 2022-12-21 22:02:41 444 阅读

[css] 二级菜单---仿照京东

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

html

原创 2022-12-21 13:37:21 124 阅读

[css] 小案例---模仿百度新闻列表，用定位做

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

html

原创 2022-12-21 11:40:46 136 阅读

[css3] 小案例---旋转立方体

技术：animation: donghua 8s linear infinite;transform: rotateX(30deg);transform

html

3d

原创 2022-12-21 11:39:56 56 阅读

[css] 自定义背景图拼接

将背景切片为head、body、foot三个png。

css

前端

css3

背景图

自定义

原创 2022-12-21 11:31:38 469 阅读

[css3] 小案例---旋转立方体

技术：animation: donghua 5s linear infinite;transform: translateX(-100

html

3d

原创 2022-12-21 10:30:54 100 阅读

[css3] 动画小案例-小羊

效果：会跳素材：长1260，宽300方法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

html

轮播图

原创 2022-12-21 10:30:49 196 阅读

[css3] 小案例---动画版轮播图（屏幕宽度）

方法一animation: donghau 5s steps(5) infinite;margin-left: -500%;<!DOCTYPE html><html lang="en"><head> <meta charse

html

轮播图

原创 2022-12-21 10:30:44 76 阅读

[css3] 动画案例---会呼吸的圆

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"

html

ci

原创 2022-12-21 10:30:40 428 阅读

[css3] 小案例---旋转

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten

ci

html

原创 2022-12-21 10:30:36 198 阅读

[css3] 小案例---动画版轮播图（有固定视口）

方法一：animation: donghau 5s linear infinite;margin-left: -1600px;一点点挪<!DOCTYPE html><html lang="en"><head> <

html

轮播图

原创 2022-12-21 10:30:32 66 阅读

[css3] 小案例-扇子

使用到的知识点:过渡，旋转，透明，调整旋转中心，定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"

html

ci

原创 2022-12-21 10:30:28 69 阅读

[css3] 过渡---小案例一级菜单缓慢变换图标

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="

html

原创 2022-12-21 10:30:25 42 阅读

[css3] 过渡---二级菜单案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge

html

原创 2022-12-21 10:30:21 63 阅读

[css3] 小案例---旋转相册

技术：animation: donghua 10s linear infinite;transform: rotateY(36deg) translat

html

2d

3d

原创 2022-12-21 10:26:40 76 阅读

[css3] nth-child(n)使用注意

:nth-child(n) ---->选中某个元素，该元素必须是某个父元素下的第n个子元

oo

原创 2022-12-21 10:26:34 115 阅读

[css] 解决问题---高度塌陷

不加浮动，加了浮动，出现高度塌陷解决办法###给父元素添加height<!DOCTY

css

html

ci

清除浮动

原创 2022-12-21 10:24:16 81 阅读

[css] 小案例模仿京东快报---用::before做

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

css

html

原创 2022-12-21 10:24:08 71 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

12871709

[css] 黑白主题切换

【css】border-image和border-radius 冤家路窄

[css3] 如何设置边框颜色渐变

[css] 让文字进行竖着分散对齐

[css] 文字加描边 -webkit-text-stroke

[css] flex wrap 九宫格布局

[css] flex 子元素自动撑开父元素宽度

[css] 实现字体发光效果 text-shadow

[css] 文字渐变

[css] 父元素flex:1,子元素设置height:100%无效

[css] flex 1失效 el-scrollbar

[css] flex:1失效问题

[css] 如何使用Font Awesome

[css] 二级菜单---仿照京东

[css] 小案例---模仿百度新闻列表，用定位做

[css3] 小案例---旋转立方体

[css] 自定义背景图拼接

[css3] 小案例---旋转立方体

[css3] 动画小案例-小羊

[css3] 小案例---动画版轮播图（屏幕宽度）

[css3] 动画案例---会呼吸的圆

[css3] 小案例---旋转

[css3] 小案例---动画版轮播图（有固定视口）

[css3] 小案例-扇子

[css3] 过渡---小案例一级菜单缓慢变换图标

[css3] 过渡---二级菜单案例

[css3] 小案例---旋转相册

[css3] nth-child(n)使用注意

[css] 解决问题---高度塌陷

[css] 小案例模仿京东快报---用::before做

欢迎