<?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>深蓝的blog &#187; before</title>
	<atom:link href="http://www.lanxinbase.com/?feed=rss2&#038;tag=before" rel="self" type="application/rss+xml" />
	<link>http://www.lanxinbase.com</link>
	<description>记录日常生活</description>
	<lastBuildDate>Sat, 18 Apr 2026 07:10:07 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.3</generator>
	<item>
		<title>使用css3实现翘边阴影</title>
		<link>http://www.lanxinbase.com/?p=905</link>
		<comments>http://www.lanxinbase.com/?p=905#comments</comments>
		<pubDate>Wed, 09 Mar 2016 02:37:00 +0000</pubDate>
		<dc:creator><![CDATA[Alan]]></dc:creator>
				<category><![CDATA[5.互联网应用开发]]></category>
		<category><![CDATA[6.前端开发]]></category>
		<category><![CDATA[after]]></category>
		<category><![CDATA[before]]></category>
		<category><![CDATA[shadow]]></category>

		<guid isPermaLink="false">http://www.lanxinbase.com/?p=905</guid>
		<description><![CDATA[要点讲解：

阴影一要点：

1、用一个圆角的层，设置阴影，z-index层级低于父级即可；但是其相对定位的属性需要另外设置在另一个class上如下图设置在effect上而不设置在wrap上

2、圆角的层可用after和before来实现，如果after和before2个伪类都设置阴影并重叠起来 ，阴影效果更好。

翘边阴影要点：

1、同上用after和before伪类，设置class属性transform: skew(12deg) rotate(4deg) 弄成2个菱形 ；层级低于本身作为阴影]]></description>
		<wfw:commentRss>http://www.lanxinbase.com/?feed=rss2&#038;p=905</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
