文章 2024-08-22 来自:开发者社区

HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)

源码介绍 一年一度的520情人节/七夕情人节/女朋友生日/程序员表白,是不是要给女朋友或者正在追求的妹子一点小惊喜呢,今天这篇博客就分享下前端代码如何实现HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)。赶紧学会了,来制作属于我们程序员的浪漫吧! 源码效果 源码下载 HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)

HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)
文章 2024-08-14 来自:开发者社区

如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体

本文介绍了如何在网页中使用font-face规则加载开源字体RobotoMono,包括下载字体、定义font-face规则,以及利用font-display属性控制字体加载以改善用户体验,避免FOUT和FOIT问题。 介绍 @font-face 是一个 CSS at-rule,用于定义自定义字体。通过 @font-face,您可以提供一个路径到与您的 CSS 文件托管在同一服务器...

如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体
文章 2024-07-02 来自:开发者社区

vue 自定义气泡弹窗 $pop (内含css晃动动画shake制作)

src/components/myComponents/pop/pop.vue <template> <div class="tips animation" :class="{'shake': type === 'shake'}" v-show="i...

vue 自定义气泡弹窗 $pop (内含css晃动动画shake制作)
文章 2024-07-01 来自:开发者社区

css动画 —— 自定义不规则的动画路径 offset-path (含不规则的动画路径参数获取方法)

实现原理 通过css属性offset-path可以指定元素不规则的动画路径 动画元素需绝对定位 position: absolute; 不规则的动画路径参数获取方法 通过网站 http://svg.wxeditor.com/ 绘制好想要的不规则的动画路径后,按Ctrl+U可以看到路径的代码,将path标签的...

css动画 —— 自定义不规则的动画路径 offset-path (含不规则的动画路径参数获取方法)
文章 2024-06-18 来自:开发者社区

如何在CSS中添加自定义属性

在CSS中,你可以使用自定义属性(也称为CSS变量)来定义可以在整个文档中重用的值。这些自定义属性以两个破折号(--)开头,并可以在任何CSS声明块中定义。然后,你可以使用var()函数来引用这些变量。以下是如何在CSS中添加和使用自定义属性的步骤:定义自定义属性在CSS的根选择器&#...

文章 2024-05-29 来自:开发者社区

css的变量和自定义变量概念

CSS 变量和自定义变量是 CSS 中的两个概念,它们可以用来存储和重用值,以便在样式表中多处引用。 CSS 变量(CSS Variables)是在 CSS 中定义的一种特殊类型的变量。它们使用 -- 前缀来标识,并通过 var() 函数来引用。定义 CSS 变量使用 :root 伪类或任何具有变量作用域的元素,...

文章 2024-04-08 来自:开发者社区

【最简洁】一句CSS3代码实现不规则自定义背景图拼接样式,多用于异形弹窗背景图

实现如图效果的背景图 将背景切片为head、body、foot三个png ...

【最简洁】一句CSS3代码实现不规则自定义背景图拼接样式,多用于异形弹窗背景图
文章 2024-04-07 来自:开发者社区

CSS变量,也被称为CSS自定义属性或级联变量

CSS变量,也被称为CSS自定义属性或级联变量,是CSS中的一种功能,允许开发者定义可重用的值,并在整个样式表中引用这些值。它们的工作原理与编程语言中的变量相似,但专门用于CSS。 声明和使用:首先,需要在CSS中声明一个变量,这可以通过在属性名前加上两个连字符(--&#...

文章 2023-11-17 来自:开发者社区

CSS横向滚动条自定义样式

接上一篇,有的时候在项目里面会使用到滚动条但是浏览器默认的滚动条的样式不怎么好看这个时候需要进行一些处理一般用到两种1:隐藏滚动条,但是可以支持滚动的方法::-webkit-scrollbar {display:none}2:自定义滚动条样式 .healthName::-webkit-scrollbar { /*滚动...

文章 2023-11-17 来自:开发者社区

CSS自定义滚动条样式

代码.ztree { background: #0b2b5f; padding-top: 10px; height: 689px; overflow: auto; } .ztree::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ hei...

CSS自定义滚动条样式

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注