LayoutTests/fast/transforms/transform-on-inline.html - WebKit - Git at Google

 <html>
 <head>
 <style>
   .transparent {
     opacity: 0.5;
   }

   .transformed {
     -webkit-transform: rotate(10deg);
   }
 </style>
 </head>
 <body>

 <p>The <span class="transformed">span in this paragraph</span> has a transform, which has no effect on inlines.</p>

 <p>The <span class="transparent transformed">span in this paragraph</span> has a transform, which has no effect on inlines. It also has opacity to throw it into a RenderLayer.</p>

 <p>The <span class="transparent transformed" style="display: inline-block;">span in this paragraph</span> has a transform and opacity, and is an inline-block. So it should respect the transform.</p>

 </div>
	<html>
	<head>
	<style>
	.transparent {
	opacity: 0.5;
	}

	.transformed {
	-webkit-transform: rotate(10deg);
	}
	</style>
	</head>
	<body>

	<p>The <span class="transformed">span in this paragraph</span> has a transform, which has no effect on inlines.</p>

	<p>The <span class="transparent transformed">span in this paragraph</span> has a transform, which has no effect on inlines. It also has opacity to throw it into a RenderLayer.</p>

	<p>The <span class="transparent transformed" style="display: inline-block;">span in this paragraph</span> has a transform and opacity, and is an inline-block. So it should respect the transform.</p>

	</div>