Cascading Style Sheets

Using CSS & SVG Filters to Create Retro Text Effects

Hi guys,

I just love 80s design and I think that you can really see a big come back of the 80s in today's design. I am a programmer and I'm also a Photoshop graphic designer. I thought why not combine my 2 skills and with the help of CSS and SVG filters to try and reproduce a few 80s retro text effects using only CSS & SVG filters.

I basically searched for free 80s fonts, transformed them into web fonts and then started to create these text effects using SVG filters

Check out the full article for the Codepen demos and source code:

DIV hover change sizing - showing text

Hey guys, I wanna ask you how to make some div with hover with one will change sizes and after that some text will show up becouse
text is too big for div in basic size.
Thanks for some help.

placeholder css

Hi,

I have form form's placeholder set to

::-webkit-input-placeholder { opacity:1!important; }
::-moz-placeholder { opacity:1!important; }
:-ms-input-placeholder { opacity:1!important; }
:-moz-placeholder { opacity:1!important; }

However it doesn't seem to be working for android device or for safari.
Is there something I'm missing? Link to page - http://kmdesign.website/StormRoofing/pitched-roofing/

Hope someone can help Smile

Any help for Mobile 2 or 4 colum images in landscape

Hi,

Any help in css for Mobile 2 or 4 colums align images in landscape view. Right now in development stage -

http://myshop.clysarts.com/index.php

I have not used any code in css for this purpose as yet , but it would nice if any help in this regards.

Thanks
Gary

Links not working in drop down menu

Hi. I'm going a bit loopy. Probably beeen looking at code too long but just cant see what the problem is. My drop down menue for mobile users/small screens displays and nearly works, its just the links in it dont seem to register.
I tried relative and full urls and other tests but ive drawn a bit of a blank
its the bit im concerned with

<div id="header">
  <div class="container"> 
    <!-- Header | Logo, Menu
		================================================== -->

Syndicate content