text-shadow

CSS3 渐变、阴影和遮罩的使用

(linear-gradient)****1.2径向渐变(radial-gradient)****2.CSS3阴影(Shadow)****2.1盒子阴影(box-shadow)****2.2文本阴影(text-shadow
喵手·2025-06-02 11:32

掌握CSS文本样式：阴影、间距与行高

通过text-shadow属性，我们能够为同一文本添加多个阴影效果。这不仅增加了设计的层次感，还可以用来强调
兰森环游世界·2025-05-19 02:10

前端——CSS新手基础篇2

一，文字阴影：text-shadow可以给文字添加阴影效果text-shadow:水平位置垂直位置模糊距离阴影颜色;值描述h-shadow必需。水平阴影的位置。允许负值。v-shadow必需。
祎2祎·2025-05-01 01:50

前端面试题100题：问答精选与简明解析

边框圆角（border-radius），阴影（box-shadow，text-shadow），渐变（linear-gradient，radial-gradient），弹性盒模型（flexbox），媒体查询
薛飞之·2025-03-25 13:50

css3-文字外发光效果

制作步骤如下：1、首先了解一下使用的csstext-shadow:5px5px5px#FF0000;效果是这样的：2、然后改造一下text-shadow:003px#FF0000;3、了解一下原理text-shadow
风云变色z·2025-02-26 20:45

[HTML]Web前端开发技术23（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用,animation,text-shadow,word-wrap——喵喵画网页

目录前言CSS3动画animationCSS3动画animation子属性设置CSS3多列属性CSS3文本效果1．文本阴影text-shadow属性2．文本换行text-wrap属性3．控制换行word-wrap
猫佛·2024-02-15 01:49

有趣儿的组件（HTML/CSS）

:10px20px;text-transform:uppercase;border-radius:8px;font-size:17px;font-weight:500;color:#ffffff80;text-shadow
神慕蔡蔡·2024-02-14 08:14

CSS基础样式

二、不可继承的属性display：规定元素应该生成的框的类型文本属性：vertical-align、text-decoration、text-shadow、white-space、unicode-bidi
我不信这样也重名·2024-02-10 20:09

蓝桥杯Web应用开发-CSS3 新特性【练习三：文本阴影】

文本阴影text-shadow属性给文本内容添加阴影的效果。
AAA_建筑材料批发叶总·2024-02-08 07:01

CSS强大的功能--太极图的实现

text-shadow阴影，font-face属性，border-radius属性，border-image属性，box-shadow属性以及更炫的支持动画，
虚拟社群·2024-02-07 09:38

Css文字闪烁的效果

hue-rotate(20deg);}}p{display:block;font-size:70px;font-family:SourceHanSansCN-Medium;letter-spacing:10px;text-shadow
七月_Mo·2024-02-06 00:00

1+x web前端开发初级选择题整理（html+css+jquery）

A.goB.exitC.return(正确答案)D.continue2.下面哪些不属于按功能划分的常用运算符（）[单选题]A.取整运算符B.算术运算符C.逻辑运算符D.逻辑函数运算符(正确答案)3.在text-shadow
今天敲代码了不·2024-02-02 14:52

web前端开发--------阴影与转换

1.阴影分为文本阴影和盒子阴影我们使用text-shadow属性为文本添加阴影效果，使用结构伪类为第一个子元素p添加阴影效果；水平偏移量为负值时，表示阴影向左偏移；垂直偏移量为负值时，表示阴影向上偏移
阑梦清川·2024-02-02 07:10

CSS 实现立体字效果

我们在工作中，很多场景会遇到立体文字，今天我们就来实现下，很简单，算是水文章吧：立体字体h1{margin:100px00100px;font-size:5em;color:#fff;text-shadow
前端小小白zyw·2024-01-31 23:47

CSS如何添加阴影效果？

1、添加文本阴影在CSS中可以使用text-shadow属性设置带阴影的文本。此属性可设置阴影的像素长度、宽度和模糊的距离以及阴影的颜色。
yanghs·2024-01-29 03:40

html text-stoke,使用text-stroke 和 text-shadow制作CSS描边文字

在CSS中，有两种方法可以实现描边文字，分别是为文字设置text-stroke和text-shadow属性。text-shadow属性可以为文字设置阴影效果。
ji fi·2024-01-27 14:00

CSS文字效果

CSS文字效果前言默认效果阴影无模糊添加模糊不同方向叠加无模糊文字描边（text-shadow实现）不同方向叠加有模糊文字发光第一种3d效果特殊阴影沉浸式文字文字描边（-webkit-text-stroke
wDeveloper·2024-01-27 11:25

第12次修改了可删除可持久保存的前端html备忘录：去掉多余的代码，内置一点样式，修改了备忘录最初的样式

finish{/*删除线text-decoration:line-through;*/background-color:rgb(220,226,241);color:rgb(253,250,250);text-shadow
与妖为邻·2024-01-27 09:44

【Web前端实操13】实现100*100的盒子的阴影效果，阴影值自拟

;值描述h-shadow必选，水平阴影的位置v-shadow必选，垂直阴影的位置blur可选，模糊距离spread可选，阴影的尺寸color可选，阴影的颜色inset可选，外部引用修改为内部阴影字阴影text-shadow
墨倾许·2024-01-25 22:27

CSS添加阴影效果

1、添加文本阴影在CSS中可以使用text-shadow属性设置带阴影的文本。此属性可设置阴影的像素长度、宽度和模糊的距离以及阴影的颜色。
phpCN中文网·2024-01-25 16:52

前端基础知识：html表格

html表格.styled{border:0;line-height:2.5;padding:020px;font-size:1rem;text-align:center;color:#fff;text-shadow
与妖为邻·2024-01-25 05:19

好看的css样式:可以直接复制给备忘录用的

好看的CSS样式好看的按钮样式1.好看的按钮样式：button,input{line-height:35px;color:#fff;&a{color:#fff;text-shadow:2px2px1px
与妖为邻·2024-01-24 07:47

文本阴影

p{text-align:center;font-size:100px;font-family:"MicrosoftYahei";margin-top:100px;font-weight:700;text-shadow
琪33·2024-01-18 00:37

【纯CSS特效源码】(二)精美的立体字

1.漂浮感立体关键处：text-shadow:2px-2pxwhite,-6px6pxgray;给字体添加了两层shadow，右上角白色提亮，左下角灰色阴影。
八荒我为王·2024-01-15 09:05

常见面试题之CSS

flex媒体查询：@media根据设备的特性和屏幕大小应用不同的样式规则多列布局：column-count和column-with等属性可以实现将内容分为多列显示文本：自定义字体@font-face；阴影text-shadow
xxq_0217·2024-01-14 05:56

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例2-1 text-shadow属性

代码text-shadow属性p{font-size:50px;/*设置文字阴影的水平距离、垂直距离、模糊半径和颜色*/text-shadow:10px10px10px#2c41ff;}设置文本阴影运行效果文本外观属性用于设置颜色
m0_73657966·2024-01-12 17:55

雪花代码-html版

雪花代码动画效果代码body{background-color:#000000;}.snowflake{position:absolute;font-size:10px;color:#FFFFFF;text-shadow
Coisini_甜柚か·2024-01-12 11:53

css3-文字与字体相关样式

text-shadow属性-给文字添加阴影1.text-shadow属性的使用方法给页面上的文字添加阴影效果image.pngimage.png位移距离：前两个参数为阴影离开文字的横方向位移距离与纵方向位移距离
咕叽咕叽_6130·2024-01-12 03:04

使用CSS给文字添加描边效果

想要使用CSS给文字添加描边效果，主要有两种方法：使用text-shadow属性或text-stroke属性。
浅浅而谈·2024-01-09 07:43

CSS新增文本样式（完整）

常用的文本样式属性属性说明text-shadow文本阴影text-stroke文本描边text-align-last文本对齐white-space处理空白字符text-overflow文本溢出word-wrap
AI-Ming·2024-01-07 19:12

【CSS】文字描边的三种实现方式

目录1.可行的几种方式1.1.text-shadow描边代码优缺点1.2.text-stroke描边实现优缺点1.3.svg描边实现优缺点总结1.可行的几种方式text-shadow–webkit-text-strokesvg1.1
lynnhgwang·2024-01-07 08:54

CSS3新特性（主要CSS3动画）

2553>.bBlue蓝0-2554>.aAlpha透明0-12.text-shadow:xyblurcolor,…x横向偏移y纵向偏移blur模糊距离color阴影颜色文本阴影如果加很多层，会很卡，text-shadow
yuanjiex·2024-01-06 22:16

CSS3新增文本样式-text-shadow属性

常用的文本样式属性属性说明text-shadow文本阴影text-stroke文本描边text-overflow文本溢出word-wrap强制换行@font-face嵌入字体W3C坐标系我们日常生活使用最多的是数学坐标系
AI-Ming·2024-01-05 07:46

CSS基础

（4）其他属性：text-shadow。物理像素、物理像素比pc端页面，1个px等于1个物理像素，但移动端就不尽相同了。1个px所能显示物理像素点的个
秃头的科比·2024-01-04 08:48

使用font-face艺术字失效

font/mnjcgh.ttf');font-weight:normal;font-style:normal;}.title{font-family:'special';font-size:36px;text-shadow
Lynn_y·2024-01-02 03:02

CSS新手入门笔记整理：CSS3属性表

文本样式属性属性值说明text-shadow数值文本阴影text-stroke数值文本描边text-overflowellipsis（文本溢出时，显示省略号，隐藏多余的文字）clip（文本溢出时，不显示省略号
太空背包客·2023-12-30 08:05

HTML+CSS基础——CSS控制器（文本控制（字体、大小，间距、颜色））

h3,a{font-weight:normal;color:#0088dd;margin:0px;}h1{font-family:Georgia,Times,serif;font-size:250%;text-shadow
张謹礧·2023-12-30 04:22

HTML字体阴影

目录一、text-shadow介绍二、方法使用三、参数简介1.水平轴和垂直轴2.模糊半径blur3.阴影颜色color一、text-shadow介绍text-shadow属性：在CSS中可以用text-shadow
蓝幽凡·2023-12-29 01:19

css3新增功能有哪些

文字阴影与自动换行：通过text-shadow属性，可以为文字添加阴影效果，增强视觉效果；word-wrap或overflow-wrap属性可以实现自动换行。
emma20080101·2023-12-24 12:20

CSS新手入门笔记整理：CSS3文本样式

文本阴影：text-shadow语法p{text-shadow:x-offset="数值"y-offset="数值"blur="数值"color="色值";}x-offset是“水平阴影”，表示阴影的水平偏移距离
太空背包客·2023-12-19 06:02

css_按钮_Button_样式

margin:40pxauto0;}.button{width:140px;line-height:38px;text-align:center;font-weight:bold;color:#fff;text-shadow
煜磊·2023-12-18 18:08

CSS添加阴影效果

1、添加文本阴影在CSS中可以使用text-shadow属性设置带阴影的文本。此属性可设置阴影的像素长度、宽度和模糊的距离以及阴影的颜色。
浅浅而谈·2023-12-16 16:32

html基础知识

1、文字阴影代码：文字阴影div{font-size:50px;color:blue;font-weight:700;text-shadow:5px5px6pxrgba(0,0,0,.3);}HellowWorld
m0_64180190·2023-12-16 07:15

纯CSS实现炫酷文本阴影效果

基于以上动图可以分析出以下是本次实现的主要几个功能点：文本有多个颜色的阴影的效果文本有空心镂空的效果鼠标悬停时文本回到正常效果鼠标悬停时英文字体的粗细有变化实现过程多层颜色阴影文字的阴影用text-shadow
南城FE·2023-11-20 15:05

CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。
KingWorld·2023-11-04 12:15

css3基础

文章目录兼容性CSS3选择器属性选择器UI元素状态伪类选择器伪类结构选择器伪类内容选择器关系选择器文本文本阴影text-shadow文字换行word-wrap,overflow-wrap文字断行word-breakwhite-spacetext-overflow
神奇小白·2023-11-02 02:46

css系列—sass,scss,less,stylus的比较

box-shadow(阴影效果)border-colors(为边框设置多种颜色)boder-image(图片边框)text-shadow
如花菇凉·2023-11-02 02:07

CSS制作渐变描边等文字特效

text-shadow利用text-shadow实现文字描边，仔细一想是不是很酷？我们给文字加一圈不模糊的阴影，不就是在给文字描边吗？
gaoshu883·2023-10-29 01:32

控制台打印带样式的文字

,'color:white;font-size:50px;text-shadow:0px0px5pxgreen;');image.gif注：必须带%c然后在第二个引号中写上对应的样式即可。效果图：i
坏丶毛病·2023-10-27 19:18

[每天进步一点点~] uni-app css border 三角形阴影(不规则图形阴影) & 多重边框的制作

border属性border：border-widthborder-styleborder-color;border-width：边框宽度，不能为百分比，因为不会根据设备宽度改变；同理，outline|text-shadow
WYL_99·2023-10-25 01:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他