2024-02-17 09:02:17
632
625
实现阴影,先来了解一下box-shadow这个属性。box-shadow属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果,并用逗号将他们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。好了,准备工作都做好了,那就直接进入主题吧。_css 单边阴影
2024-02-17 09:02:11
687
315
一张图不用,纯代码制作?使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Notepad 等)进行运行及修改编辑等操作。整个页面最重要的就是旋转摩天轮的实现,使用css实现旋转主要是运用border和css动画来实现的。所以我们可以先用border画出一个中心点,通过css3动画让box旋转,整个摩天轮也就会实现旋转的效果。再多的讲解也不如实际动手实操,对着代码敲敲改改,可以让我们更加深入地进行理解。3️⃣总结
2024-02-17 09:02:09
814
488
这意味着元素会在一行上显示,并且可以设置宽度、高度、内外边距等属性,同时仍保留内联元素的特性,可以与其他元素在同一行内显示。是一种常用的 CSS 属性,用于将元素以内联块级元素的方式显示,使其具备块级元素的特性,并在一行内与其他元素共享空间。元素可以在一行内显示,并且可以与其他元素共享一行,适用于需要结合文本或其他内联元素进行布局的情况。元素不会独占一行,而是根据其内容的宽度来决定自身的宽度,可以在一行内与其他元素并排显示。元素可以设置宽度、高度以及内外边距等属性,使其具备块级元素的特性。_display: inline-block
2024-02-17 09:02:09
1004
247
Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何模板中的 CSS 类(class)名,然后生成相应的样式代码并写入到一个静态 CSS 文件中。他快速、灵活、可靠,没有运行时负担。再也不用为了取一个 classname 类名而烦恼了。_mt-[10px]
2024-02-17 09:02:48
424
718
情人节,又称圣瓦伦丁节或圣华伦泰节,日期在每年公历的2月14日,是西方国家的传统节日之一,起源于基督教。如今已经成为全世界著名的浪漫节日,但是不同国家的人们表达爱意的方式却各不相同。情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日,男女在这一天互送礼物用以表达爱意或友好。情人节的晚餐约会通常代表了情侣关系的发展关键。情人节现已成为欧美各国青年人喜爱的节日,其他国家也已开始流行。中国将传统节日七夕节视作情人节。由于能表达共同的人类情怀,各国各地纷纷发掘了自身的“情人节”。_html表白源码
2024-02-17 09:02:16
227
712
UnoCSS 是一个即时、按需的原子级 CSS 引擎。它提供了一系列易于使用和高度可定制的组件和布局,可以帮助开发者快速创建现代化的用户界面。UnoCSS具有轻量级和高性能的特点,同时支持模块化和按需加载,使得代码更加易于管理和优化。通过整合UnoCSS,开发者可以在前端开发中节省大量时间和精力,从而更专注于业务逻辑和核心功能的实现。_unocss
前端知识热文
大家都在看