I have an icon which I'd like to change the color of, using CSS. It is in a data-uri'd optimized SVG inlined in the CSS. Normally, this wasn't possible. That's why icon fonts were invented; their main advantage over SVG…
Update 3 I updated the code (http://codepen.io/anon/pen/VYRJLp) and now the edges look really like torn paper effect. It uses SVG by the way. The only problem is I don't know how to make the image as the background of the…
I'm working on a website project where in the header section I have a grid of 6 images (2 rows with 3 images in each). It's not a problem to make them responsive (kinda "liquid") with max-width:100% and height:auto, however…
While using a CSS black to transparent linear-gradient I noticed that it doesn't gradually fade to transparent, instead it makes the grey area linger longer and only near the end it becomes transparent with a noticeable limit. After noticing this…
A web site I'm developing needs two custom font families using. There are close matches to these fonts on Google Fonts, but they aren't exact matches. I have the ttf files for the two fonts, so can create them easily…
I have looked everywhere so much so that it looks like it's not possible yet. I am looking for something like an opacity gradient mask if that makes sense. Like this: It may just look like a straight forward text…
I want to add the quote box below (created in Photoshop) on my website but would love for it to be created "dynamically" with preferably HTML5/CSS3 (+ jQuery if not possible with HTML/CSS alone). Using images for the quotes is…
I'm trying to create a simple game, but I'm wondering how to implement 3 layered in canvas, somehow like in a photoshop. I want the background to be as background, the transparent one would be something it can reflect the…
How I can remove space between wordpress Divi theme's sections?
i have the following code bellow and the images is currently not scaling to fit. it only changes if if rezise it in for example photoshop, should it not scale with the 100% setting? HTML <!-- Section: intro --> <section…