gradient - CSS Radial Transparency Center Only -
i've created div text inside. i'm trying create hover function, cause square div have semi-transparent edges.
i'm trying radial gradient. if try use transparency, causes whole radial gradient become transparent, too.
is there way, "remove" middle color text visible in middle , have transparency @ white edges?
i've asked around , i've heard there way of "overriding" it. not sure if that's possible.
i know photoshop alternative. see if there way succeed effect purely css. or there better way making box transparent edges, more practical radial gradient i'm missing?
thanks vals figured out. answer if interested.
1: can set 2 colors. inner color same background. outer color white.
2: inner color , outer color white. each color can made transparent individually. rgba (26,26,26,0) 70%, rgba (250, 250,250,0.6)
the 1st color transparent background visible , white semi - transparent giving "shinny" appearance on edges. 70% tell css 1st color end (30% away borders , edges)
i hope novice developers :)
Comments
Post a Comment