<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Petr Odehnal - Interweb&#039;er</title>
	<atom:link href="http://petrodehnal.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://petrodehnal.com</link>
	<description>Online home for stuff that I have done on the internet. Stalk me good.</description>
	<lastBuildDate>Wed, 26 Jul 2017 04:05:10 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>cube-test-css3</title>
		<link>http://petrodehnal.com/cube-test-css3/</link>
		<comments>http://petrodehnal.com/cube-test-css3/#comments</comments>
		<pubDate>Thu, 26 Sep 2013 20:09:44 +0000</pubDate>
		<dc:creator>podehnal</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://petrodehnal.com/?p=181</guid>
		<description><![CDATA[front back top bottom]]></description>
				<content:encoded><![CDATA[<style><!--
.cube-wrap { -webkit-perspective: 800px; -webkit-perspective-origin: 50% 0px; -moz-perspective: 800px; -moz-perspective-origin: 50% 0px; -ms-perspective: 800px; -ms-perspective-origin: 50% 0px; perspective: 800px; perspective-origin: 50% 0px; height:500px; margin:100px; text-align:left;  } .cube { position: relative; width: 200px; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin:  0 25px -25px; -moz-transform-origin: 0 0 25px -25px; -ms-transform-origin:  0 25px -25px; transform-origin: 0 25px -25px; font-family: "PT Mono"; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); transition: all .3s linear; -webkit-transition: all .3s linear; } .cube:hover { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); transition:all .19s linear; -webkit-transition:all .19s linear; } .cube div { position: absolute; background: rgba(250, 250, 250, 1); font-size: 20px; text-align: center; line-height: 50px; color: rgba(0,0,0,0.5); text-transform: uppercase; } /*************** DEPTH CUBE ***************/ .depth div.back-pane { width: 200px; height: 50px; -webkit-transform: translateZ(-50px) rotateY(180deg); -moz-transform: translateZ(-50px) rotateY(180deg); -ms-transform: translateZ(-50px) rotateY(180deg); transform: translateZ(-50px) rotateY(180deg); } .depth div.right-pane { width: 50px; height: 50px; -webkit-transform:rotateY(-270deg) translateX(50px) translateZ(150px);; -webkit-transform-origin: top right; -moz-transform:rotateY(-270deg) translateX(50px) translateZ(150px); -moz-transform-origin: top right; -ms-transform:rotateY(-270deg) translateX(50px) translateZ(150px);; -ms-transform-origin: top right; transform:rotateY(-270deg) translateX(50px) translateZ(150px); transform-origin: top right; } .depth div.left-pane { width: 50px; height: 50px; -webkit-transform:rotateY(270deg) translateX(-50px); -webkit-transform-origin: center left; -moz-transform:rotateY(270deg) translateX(-50px); -moz-transform-origin: center left; -ms-transform:rotateY(270deg) translateX(-50px); -ms-transform-origin: center left; transform:rotateY(270deg) translateX(-50px) ; transform-origin: center left; } .depth div.top-pane { width: 200px; height: 50px; -webkit-transform:rotateX(-270deg) translateY(-50px); -webkit-transform-origin: top center; -moz-transform:rotateX(-270deg) translateY(-50px); -moz-transform-origin: top center; -ms-transform:rotateX(-270deg) translateY(-50px); -ms-transform-origin: top center; transform:rotateX(-270deg) translateY(-50px) ; transform-origin: top center; } .depth div.bottom-pane { width: 200px; height: 50px; -webkit-transform:rotateX(-90deg) translateY(50px); -webkit-transform-origin: bottom center; -moz-transform:rotateX(-90deg) translateY(50px); -moz-transform-origin: bottom center; -ms-transform:rotateX(-90deg) translateY(50px); -ms-transform-origin: bottom center; transform:rotateX(-90deg) translateY(50px); transform-origin: bottom center; } .depth div.front-pane { width: 200px; height: 50px; text-transform: uppercase; letter-spacing: 2px; background: #fff; font-weight: normal; color: rgb(104, 8, 99); box-shadow: none; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); transform: translateZ(0px); }
--></style>
<div class="cube-wrap vertical">
<div class="cube depth">
<div class="front-pane">front</div>
<div class="back-pane">back</div>
<div class="top-pane"><a>top</a></div>
<div class="bottom-pane">bottom</div>
<div class="left-pane"></div>
<div class="right-pane"></div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://petrodehnal.com/cube-test-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
