{"id":1536,"date":"2008-11-24T20:08:06","date_gmt":"2008-11-25T03:08:06","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=1536"},"modified":"2015-02-25T19:07:35","modified_gmt":"2015-02-26T02:07:35","slug":"9-starry-night-3d-background-with-the-parallax-effect","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/video-screencasts\/9-starry-night-3d-background-with-the-parallax-effect\/","title":{"rendered":"#9: Starry Night: 3D Background with the Parallax Effect"},"content":{"rendered":"
Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page. This screencast covers how to do that from start to finish. Since Internet Explorer 6 and under do not support alpha transparency in PNG’s, this screencast also covers how to create a warning message that will display only in those browsers.<\/p>\n
Links from video:<\/strong>\t\t\t<\/p>\n Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page. This screencast covers how to do that from start to finish. Since Internet Explorer 6 and under do not support alpha transparency in PNG’s, this screencast also covers how to create a warning message […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"open","template":"video-single.php","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":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":3157,"url":"https:\/\/css-tricks.com\/video-screencasts-2\/","url_meta":{"origin":1536,"position":0},"title":"Video Screencasts","date":"July 29, 2009","format":false,"excerpt":"#20: Introduction to jQuery Running time: 18:12 The popular javascript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2495,"url":"https:\/\/css-tricks.com\/video-screencasts\/59-embedding-audio\/","url_meta":{"origin":1536,"position":1},"title":"#59: Embedding Audio","date":"April 2, 2009","format":false,"excerpt":"Putting an image on a webpage is easy, audio files, not so much. HTML5 will make it as easy as it should be, but until then, we have to resort to other methods. This screencast covers four methods\/players. Two use both JavaScript and Flash, one just Flash, one just JavaScript.\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":8928,"url":"https:\/\/css-tricks.com\/video-screencasts\/95-a-tale-of-border-gradients\/","url_meta":{"origin":1536,"position":2},"title":"#95: A Tale of Border Gradients","date":"April 7, 2011","format":false,"excerpt":"Turns out there is a simple way to accomplish gradients on borders. That took me longer than it should have to arrive at though, this screencast covers all the ways I tried and looked at along the way. View Demo \u00a0 Download Files Links from Video: SnapBird (finding old tweets)\u2026","rel":"","context":"With 32 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":157918,"url":"https:\/\/css-tricks.com\/video-screencasts\/130-first-moments-grunt\/","url_meta":{"origin":1536,"position":3},"title":"#130: First Moments with Grunt","date":"December 10, 2013","format":false,"excerpt":"There are all these tasks that we need to do as front end developers. Concatenate and compress our files. Run our preprocessors. Optimize images. Run tests. The list goes on and on. Using different tools for all of them is getting increasingly difficult. Running them manually makes it worse, and\u2026","rel":"","context":"With 63 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":182534,"url":"https:\/\/css-tricks.com\/lodge\/svg\/18-2\/","url_meta":{"origin":1536,"position":4},"title":"18: Build Tool – Grunt svgstore","date":"September 17, 2014","format":false,"excerpt":"We can definitely get a little nerdier with our build tools. At the time of posting this, the poster child of build tools is Grunt. There are competitors, but Grunt has been the most popular for quite a while. If you're brand new to Grunt, I have a variety of\u2026","rel":"","context":"With 1 comment","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":177144,"url":"https:\/\/css-tricks.com\/video-screencasts\/screencast-134-tour-site-progress-built-jekyll-grunt-sass-svg-system\/","url_meta":{"origin":1536,"position":5},"title":"#134: A Tour of a Site In-Progress Built with Jekyll, Grunt, Sass, an SVG System, and More","date":"August 1, 2014","format":false,"excerpt":"Warning: this is a meandering, intermediate level screencast in which we look at the code that powers a build process for a site. We don't write any code. A \"build process\" is all the stuff that happens between the code you write and code that goes out to a live\u2026","rel":"","context":"With 50 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1536"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=1536"}],"version-history":[{"count":6,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1536\/revisions"}],"predecessor-version":[{"id":18091,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1536\/revisions\/18091"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=1536"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=1536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n