How to get this kind of stroke and shadow using CSS
P粉218775965
P粉218775965 2023-09-11 17:49:18
0
1
411

I tried stroke but didn't get the result, so please suggest me the CSS to solve this problem. I also tried shadow to text:

body {
  color: #000;
  -webkit-text-fill-color: #030303;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fbf7f7;
  text-shadow: 8px -2px 0 #fff4f4,
  -4px -6px 0 #fff,
  -6px -5px 0 #fff,
  -8px 5px 0 #fffbfb;
}

/* added by Editor for demonstration purpose */
body {
  background-color: lightgray;
}
Lorem Ipsum

P粉218775965
P粉218775965

reply all(1)
P粉232793765

You can use text stroke :

body{
  background:gray;
}
p{
  font-size:38px;
  font-weight:700;
  -webkit-text-stroke: 2px white;
} 
<p>Text with shadow</p>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!