Anyone know how to do text shadow like this one

Hi guys,
I'm looking to make text-shadow like in the pic below.
Anyone have a clue how to do this?
Many thanks,

 

It is case of horizontal box shadow effect. Either you can make vertical or horizontal. In your case it is multiple box shadow effects. Try to do following steps:-

First you need to do HTML coding to make DIV
<div class="boxshadow">
<P> Box Shadow </P>
</div>

Then CSS parts come:-

You may use elements scores according to your need.( here i have mentioned default scores) Try using color sets, pixels and width and height.

.box h1
{
text-align: Center;
position: Relative;
topx;
}

.box
{
width:%;
height: px;
background: check out for this color;
margin: px auto;
}

.boxshadow
{
position: relative;
}
.boxshadow: before, ,boxshadow:after

{
z-index: deg;
position: absolute;
content: "";
bottomx;
left: px;
width: %;
top: %;
max-widthx;
background: 0px 0px 0px color;
-webkit-box-shadow: 0px 0px 0px color;
-moz-box-shadow: 0px 0px 0px color;
box-shadow: 0px 0px 0px color;
-webkit-transform: rotate(deg);
-moz-transform: rotate(deg);
-o-transform: rotate(deg);
-ms-transform: rotate(deg);
transform: rotate(deg);
}
.boxshadow:after
{
-webkit-transform: rotate(deg);
-moz-transform: rotate(deg);
-o-transform: rotate(deg);
-ms-transform: rotate(deg);
transform: rotate(deg);
right: 0px;
left: auto;
}

Let me know if this works. Hope you find the solution.

Thanks
Ben Wilson

 

Hi,
Thank you, but it doesn't work.

Anyway, I got it done.

Appreciated.

 

It would be a Good Thing for the community, especially for those who have a similar question, if you would post the solution you found.

cheers,

gary

 

Here's the solution: http://designshack.net/articles/css/12-fun-css-text-shadows-you-can-copy-and-paste/

The one I picked is Gordon Hall’s True Inset Text

Cheers,

 

Does that work for you in anything other than Chrome? For me, it fails in Opera and Firefox. It doesn't work completely in Chrome. I don't have IE on this Linux box

cheers,

gary

 

That's a pretty good resource. Thanks for sharing.

 

It did work on IE10 and Firefox. I haven't tested with other browsers yet. My primary target is Chrome on Android device.

 

Can you post a link to your working version? Or, failing that the actual markup + css you're using?

g

 

It's under development. I'm not making it live yet. The plan is after the New Year.