css text-shadow All In One

css text-shadow All In One

.platform-desktop-main-banner .main-banner-title h1[data-v-d1826026], 
.platform-desktop-main-banner .main-banner-title h2[data-v-d1826026] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    text-shadow: 0 6px 12px rgb(0 0 0 / 8%);
}

text-shadow

/* offset-x | offset-y | blur-radius | color */
text-shadow: 1px 1px 2px black;

/* color | offset-x | offset-y | blur-radius */
text-shadow: #fc0 1px 0 10px;

/* offset-x | offset-y | color */
text-shadow: 5px 5px #558abb;

/* color | offset-x | offset-y */
text-shadow: white 2px 5px;

/* offset-x | offset-y
/* Use defaults for color and blur-radius */
text-shadow: 5px 10px;

/* Global values */
text-shadow: inherit;
text-shadow: initial;
text-shadow: revert;
text-shadow: unset;

Multiple text-shadows

.white-text-with-blue-shadow {
  text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
  color: white;
  font: 1.5em Georgia, serif;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow

https://drafts.csswg.org/css-text-decor/#text-shadow-property

box-shadow

https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

refs

https://www.klook.com/zh-CN/

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---