<?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>Erika Sarti &#124; portfolio web designer &#187; botão</title>
	<atom:link href="http://erikasarti.net/blog/tag/botao/feed/" rel="self" type="application/rss+xml" />
	<link>http://erikasarti.net</link>
	<description>criação de sites</description>
	<lastBuildDate>Tue, 06 Mar 2012 13:39:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Efeito 3D em botões usando CSS</title>
		<link>http://erikasarti.net/blog/2008/04/efeito-3d-em-botoes-usando-css-2/</link>
		<comments>http://erikasarti.net/blog/2008/04/efeito-3d-em-botoes-usando-css-2/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 04:54:47 +0000</pubDate>
		<dc:creator>Erika Sarti</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[artigo]]></category>
		<category><![CDATA[botão]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://erikasarti.net/?p=411</guid>
		<description><![CDATA[Neste mini-tutorial, vamos aplicar o efeito de um botão 3D a um link, que ficará com a aparência de pressionado quando o usuário passar o mouse sobre ele.
Related posts:<ol>
<li><a href='http://erikasarti.net/blog/2007/10/criando-um-efeito-rollover-com-css/' rel='bookmark' title='Criando um efeito rollover com CSS'>Criando um efeito rollover com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2008/10/criando-um-menu-lateral-com-css/' rel='bookmark' title='Criando um menu lateral com CSS'>Criando um menu lateral com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/' rel='bookmark' title='Otimizando um menu com a técnica de CSS sprite'>Otimizando um menu com a técnica de CSS sprite</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<p>Quando desenvolvemos um site com o menu em Flash, esse menu pode não ser acessível para todos os usuários, especialmente os que fazem uso de leitores de telas. Também existem usuários que desabilitam as animações no navegador, ou ainda que não têm instalada a mesma versão do player necessária para reproduzir a animação.</p>
<p>Se o menu tem algum efeito que possa ser reproduzido com HTML e CSS, usando sua criatividade e alguns pequenos truques é possível melhorar a acessibilidade do site e ainda deixá-lo mais leve.</p>
<p>Neste mini-tutorial, vamos aplicar o efeito de um botão 3D a um link, que ficará com a aparência de pressionado quando o usuário passar o mouse sobre ele, como no exemplo abaixo:</p>
<p><a href="http://www.infowester.com/tutbotao3d.php" target="_blank">Continue lendo &#8220;Efeito 3D em botões usando CSS&#8221; no InfoWester&#8230;.</a></p>
<p>Related posts:<ol>
<li><a href='http://erikasarti.net/blog/2007/10/criando-um-efeito-rollover-com-css/' rel='bookmark' title='Criando um efeito rollover com CSS'>Criando um efeito rollover com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2008/10/criando-um-menu-lateral-com-css/' rel='bookmark' title='Criando um menu lateral com CSS'>Criando um menu lateral com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/' rel='bookmark' title='Otimizando um menu com a técnica de CSS sprite'>Otimizando um menu com a técnica de CSS sprite</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://erikasarti.net/blog/2008/04/efeito-3d-em-botoes-usando-css-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

