Using filter and box-shadow togetherFor use when exporting an HTML page containing filter to PDF using ChromeOct 7, 2026·3 min read
Mega Menu using CSS onlyDemo : http://s3.css.co.in/demo/mega-menu.html Code : https://gist.github.com/anjanesh/876b781b69fff9598fd73ffeda4b9318 Sorry for no explanation here. #top-menu-1 > div > a + div:hover has to be displayed as block too. For people who know CSS, I thin...Jan 9, 2021·1 min read
Using ::marker to display content before contentEver wanted a piece of content before the content ? Well …. there is ::before which is what it is used for. But there is another selector called ::marker which is used for displaying content before a list item. It is possible to display a non-list it...Nov 1, 2020·2 min read
Using the data URI scheme to reduce an HTTP requestEver wanted to include a 1px wide/high background image that repeats (one way), to your existing sprite image just to reduce that one HTTP request, even though it may not have that great an impact on speed ? Since the image repeats itself (repeat-x o...Jan 1, 2011·1 min read
FireFox Specific CSSThough the chances of wanting this is pretty slim, but if you want to target a set of CSS attributes just for FireFox instead of using JavaScript to alter the styles, its possible.Though most -moz- properties get deprecated & later removed, when the ...Dec 4, 2010·1 min read
Adjusting styles based on a languageTraditionally, language HTML files would be stored separately and load language specific CSS files.But now we just store the language strings separately and programmatically print the language strings within the same HTML file.Very often I find mysel...Nov 26, 2010·1 min read
CSS only Tabs using :targetIts highly unlikely that tabs using only CSS would replace JavaScript based ones. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>CSS Tabs</title> <style type...Oct 15, 2010·2 min read
