Text Effects Using CSS3 text-shadow

  • 1
  • Announcement
  • Updated 3 years ago
There are some pretty neat effects you can create with the CSS3 text-shadow property. See some of them here.
Photo of Donna Peplinskie

Donna Peplinskie

  • 7,142 Points 5k badge 2x thumb

Posted 7 years ago

  • 1
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Alright, I agree it is an awesome text effect and it certainly allows to break away from that flat look at times. While I have no problem using it on custom HTML content I create, I find it difficult to figure out the way how to use shadow with the available widgets. For example, I found the way how to use it with 'clock widget' in this test presentation: http://preview.risevision.com/Viewer.html?type=presentation&id=ee2adcbd-51d3-4467-a18d-5ee6f665e...

Where I really would like to use shadow is those long blocks of text with 'spreadsheet widget. I do not think the widget is offering this type of styling for text, so I was looking how to, where to insert it manually as I did with the clock widget. Spreadsheet widget appears to be more complicated, and for that I cannot find the way for doing that. I am not a code writer, so if anyone could help me with it, I would really appreciate your help. At the same time I want to ask RV to consider including this text style option in the near future.
Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
Hi Darius, 

To use text effects with the Spreadsheet Widget you would have to create a custom layout. I know you're not a developer but another option would be the spreadsheet component. It would require some coding but the walk through here is great: https://community.risevision.com/rise_vision_inc/topics/introducing-the-google-spreadsheet-component...

Let me know if you have any questions.

Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
Just to add to that, here is an example of a custom layout https://github.com/Rise-Vision/widget-google-spreadsheet/blob/master/examples/list.md