<?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>metinlere stroke ve yansıma efekti | Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı</title>
	<atom:link href="https://www.barisozcan.net/etiket/metinlere-stroke-ve-yansima-efekti/feed" rel="self" type="application/rss+xml" />
	<link>https://www.barisozcan.net</link>
	<description></description>
	<lastBuildDate>Mon, 10 Jan 2011 21:36:16 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Css de metinlere stroke ve yansıma efekti uygulama</title>
		<link>https://www.barisozcan.net/css-de-metinlere-stroke-ve-yansima-efekti-uygulama</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 10 Jan 2011 21:36:16 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[WEB TASARIM]]></category>
		<category><![CDATA[cs3 dersleri]]></category>
		<category><![CDATA[cs3 kodları]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Css de metinlere stroke ve yansıma efekti uygulama]]></category>
		<category><![CDATA[CSS dersleri]]></category>
		<category><![CDATA[metinlere stroke ve yansıma efekti]]></category>
		<category><![CDATA[metinlere stroke ve yansıma efekti uygulama]]></category>
		<category><![CDATA[web tasarım dersleri]]></category>
		<category><![CDATA[yansıma efekti uygulama]]></category>
		<guid isPermaLink="false">http://www.barisozcan.net/?p=1360</guid>

					<description><![CDATA[<p>Css 3 ile gelen yeni özelliklerden biriside metinlerimize stroke (kenarlık) renkleri atayabiliriz.</p>
<p>Kullanılabilecek yerlere en güzel örnek , web sayfanız içerisinde bulunan bir metni seçili hale getirince bu özelliği aktif hale getirebilirsiniz.</p>
<p>Destekleyen tarayıcılar</p>
<p># Sadece Chrome ve Safari ile sağlayabilirsiniz.</p>
<p>The post <a href="https://www.barisozcan.net/css-de-metinlere-stroke-ve-yansima-efekti-uygulama">Css de metinlere stroke ve yansıma efekti uygulama</a> first appeared on <a href="https://www.barisozcan.net">Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı</a>.</p>]]></description>
										<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=https://www.barisozcan.net/css-de-metinlere-stroke-ve-yansima-efekti-uygulama&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>Css 3 ile gelen yeni özelliklerden biriside metinlerimize stroke (kenarlık) renkleri atayabiliriz.</p>
<p>Kullanılabilecek yerlere en güzel örnek , web sayfanız içerisinde  bulunan bir metni seçili hale getirince bu özelliği aktif hale  getirebilirsiniz.</p>
<p><strong>Destekleyen tarayıcılar </strong></p>
<div>
	Sadece Chrome ve Safari ile sağlayabilirsiniz.<br />
Kullanım örneğinden bahsetmem gerekirse;<span id="more-1360"></span></p>
<pre>#kenarlik { /* kenarlik isim li bir div stili oluşturuyoruz. */
	-webkit-text-fill-color: #fff; /*Kenarlık rengini bel irliyoruz. */
	-webkit-text-stroke-color: lightblue; /* Stilini  */
	-webkit-text-stroke-width: 2px; /* ve boyutunu yani kalınlığını belirliyoruz. */
}
</pre>
<p>Diğer bir css 3 tekniğinden de bahsetmem gerekirse, yazılarımıza yansıma efekti uygulayabiliyoruz.</p>
<p>Kullanım örneği şu şekilde ;</p>
<pre>#yansit {
-webkit-box-reflect: below -5px /* Konum değerini atıyoruz. */
 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
/* Yansıma halinde görünmesi için bazı konum bilgileri gradyan etkiler vererek son haline getiriyoruz */
}
</pre>
<p><strong>Destekleyen tarayıcılar </strong></p>
<p>[*] Chrome ve safari &#8216; dir.</p>
</div><p>The post <a href="https://www.barisozcan.net/css-de-metinlere-stroke-ve-yansima-efekti-uygulama">Css de metinlere stroke ve yansıma efekti uygulama</a> first appeared on <a href="https://www.barisozcan.net">Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
