From 74e2b617d7ce8119d933294b1db6f842a9a95147 Mon Sep 17 00:00:00 2001 From: Shubh Sarthak Sahu <107346853+thelifeofshubh@users.noreply.github.com> Date: Sat, 1 Oct 2022 14:35:32 +0530 Subject: [PATCH] Create shubhsarthaksahu.md --- shubhsarthaksahu.md | 52 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 shubhsarthaksahu.md diff --git a/shubhsarthaksahu.md b/shubhsarthaksahu.md new file mode 100644 index 0000000..d3f064a --- /dev/null +++ b/shubhsarthaksahu.md @@ -0,0 +1,52 @@ +### Shubh Sarthak Sahu +-Photo: https://imgur.com/z6b0cMl +-Location:India +-Github: https://github.com/thelifeofshubh + +HTML: + + + + + + + + Document + + +

Shadow

+ + + +CSS: +body { + background: #aaa; + display: flex; + align-items: center; + justify-content: center; + height: 100vh; + } + h1 { + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + color: white; + font-size: 15vw; + background: linear-gradient(-90deg, rgb(223 223 223) 0%, rgba(190,190,190,1) 100%); + + line-height: 1; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + position: relative; + + } + h1:before { + content: attr(data-text); + -webkit-background-clip: none; + -webkit-text-fill-color: black; + position: absolute; + z-index: -1; + filter: blur(14px); + transform: skew(67deg, 0) translate(-20%, 15%) scaleY(0.5); + -webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); + padding: 0 22px; + }