<?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>functions &#8211; Ohh Rex Dino Design</title>
	<atom:link href="https://o-rex.com/tag/functions/feed/" rel="self" type="application/rss+xml" />
	<link>https://o-rex.com</link>
	<description></description>
	<lastBuildDate>Thu, 25 Jun 2026 13:18:56 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
	<item>
		<title>translateZ()</title>
		<link>https://o-rex.com/translatez/</link>
		
		<dc:creator><![CDATA[Dino Design]]></dc:creator>
		<pubDate>Thu, 25 Jun 2026 13:18:56 +0000</pubDate>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[developers]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[perspective]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">https://o-rex.com/translatez/</guid>

					<description><![CDATA[The CSS&#160;translateZ()&#160;function adds depth to an element, drawing it closer or farther in space. In other words,...
<p><a href="https://o-rex.com/translatez/">Source</a></p>]]></description>
		
		
		
			</item>
		<item>
		<title>translateY()</title>
		<link>https://o-rex.com/translatey/</link>
		
		<dc:creator><![CDATA[Dino Design]]></dc:creator>
		<pubDate>Thu, 25 Jun 2026 13:17:56 +0000</pubDate>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[border]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[positioning]]></category>
		<category><![CDATA[state]]></category>
		<category><![CDATA[transform]]></category>
		<guid isPermaLink="false">https://o-rex.com/translatey/</guid>

					<description><![CDATA[The CSS&#160;translateY()&#160;function shifts an element vertically by the specified amount. Specifically, it shifts an element either up...
<p><a href="https://o-rex.com/translatey/">Source</a></p>]]></description>
		
		
		
			</item>
		<item>
		<title>Using Scroll-Driven Animations for Opposing Scroll Directions</title>
		<link>https://o-rex.com/using-scroll-driven-animations-for-opposing-scroll-directions/</link>
		
		<dc:creator><![CDATA[Dino Design]]></dc:creator>
		<pubDate>Mon, 22 Jun 2026 12:39:13 +0000</pubDate>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[flexbox]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[gradients]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[mask]]></category>
		<category><![CDATA[offset]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[Scroll Driven Animation]]></category>
		<category><![CDATA[scrolling]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[writing]]></category>
		<guid isPermaLink="false">https://o-rex.com/using-scroll-driven-animations-for-opposing-scroll-directions/</guid>

					<description><![CDATA[Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept...
<p><a href="https://o-rex.com/using-scroll-driven-animations-for-opposing-scroll-directions/">Source</a></p>]]></description>
		
		
		<enclosure url="https://css-tricks.com/wp-content/uploads/2026/05/opposing-scrolling-logos.mov" length="38364603" type="video/quicktime" />

			</item>
	</channel>
</rss>
