blur()<\/code> filter<\/a> value. The shape of the cover and the shadow can also be tweaked \u2014 I bet you can create a curved shadow instead of a straight one and share it with us in the comments!<\/p>\n","protected":false},"excerpt":{"rendered":"When you put something \u2014 say a regular sheet of paper \u2014 in a manilla folder, a part of that thing might peek out of the folder a little bit. The same sort of thing with a wallet and credit cards. The cards poke out just a smidge so you can get a quick glance […]<\/p>\n","protected":false},"author":250902,"featured_media":374563,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"You know the old saying that, to a hammer, every problem is a nail? Well, I like the way @rpsthecoder reaches for a CSS blur() to get a natural shadow effect in this one.","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[18846,832],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/10\/04CF2531-2BFD-4A22-B275-5FC6440DA52D.jpeg?fit=1737%2C1000&ssl=1","jetpack-related-posts":[{"id":257098,"url":"https:\/\/css-tricks.com\/personal-journey-fix-grunt-file-permissions-issue\/","url_meta":{"origin":374376,"position":0},"title":"A Personal Journey to Fix a Grunt File Permissions issue","date":"July 31, 2017","format":false,"excerpt":"I was working on a personal project this past week and got a weird error when I tried to compile my Sass files. Unfortunately, I did not screenshot the exact error, but was something along the lines of this: Failed to write to location cssmin: style.css EACCES That EACCES code\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":366147,"url":"https:\/\/css-tricks.com\/lets-make-a-qr-code-generator-with-a-serverless-function\/","url_meta":{"origin":374376,"position":1},"title":"Let’s Make a QR Code Generator With a Serverless Function!","date":"June 8, 2022","format":false,"excerpt":"QR codes are funny, right? We love them, then hate them, then love them again. Anyways, they've lately been popping up again and it got me thinking about how they're made. There are like a gazillion QR code generators out there, but say it's something you need to do on\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/qr-code-pattern.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":278012,"url":"https:\/\/css-tricks.com\/symbolic-links-for-easier-multi-folder-local-development\/","url_meta":{"origin":374376,"position":2},"title":"Symbolic Links for Easier Multi-Folder Local Development","date":"November 1, 2018","format":false,"excerpt":"You know how you open a \"project\" in a local code editor? I guess different editors have different terminology for it, but essentially what you are doing is opening a folder\/directory and it shows you a sidebar full of files and folders you can navigate through and such. Typically there\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/10\/symlinks.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":359002,"url":"https:\/\/css-tricks.com\/file-scaffolding-with-hygen\/","url_meta":{"origin":374376,"position":3},"title":"File Scaffolding With Hygen","date":"December 13, 2021","format":false,"excerpt":"I read a recent Smashing Magazine post that included a recommendation for Hygen. I just happen to be doing quite a bit of new UI work in a Next.js app and the amount of manual folder\/file scaffolding I was doing was getting annoying. So the timing was perfect here. In\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/12\/hygen.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":17771,"url":"https:\/\/css-tricks.com\/exclude-compiled-css-from-sublime-text-2-projects\/","url_meta":{"origin":374376,"position":4},"title":"Exclude Compressed CSS from Sublime Text 2 Projects","date":"August 18, 2012","format":false,"excerpt":"How to exclude compressed CSS from Find in Project search results (because it's not helpful and annoying) in Sublime Text 2.","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2012\/08\/editproject.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":189389,"url":"https:\/\/css-tricks.com\/whats-great-bower\/","url_meta":{"origin":374376,"position":5},"title":"What’s So Great About Bower?","date":"November 28, 2014","format":false,"excerpt":"The following is a guest post by Dan Sundy from Helios Design Labs. Dan is both going to explain how to use Bower and make a case for doing so, from the perspective of someone who resisted the idea at first. When I first started working with Bower I didn't\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/374376"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/250902"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=374376"}],"version-history":[{"count":6,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/374376\/revisions"}],"predecessor-version":[{"id":374794,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/374376\/revisions\/374794"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/374563"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=374376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=374376"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=374376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}