2013-09-28

CSS沒有極限 - CSS藏頭詩 Selection

這是一個很簡單的技術，就是可以改變文字反選後的樣式，而支援的樣式並不多，目前僅有Color、background、background-color、text-shadow在內。

這是一段文章，知情人士已透露，除了價格的競爭，蘋果將推出低價iPhone，以及iPhone 5升級版。

上面這一段，是正常版本的，只是做個陰影，沒有任何效果，只是要做個對照。

正式開始

這是一段文章，知情人士已透露，除了價格的競爭，蘋果將推出低價iPhone，以及iPhone 5升級版。

上面這一段讓底色可以變黑，文字變成白色，但是我們可以注意到陰影在反白後，會影響閱讀。

div
	&::-moz-selection
		background: black 
		color: white
	&::selection  
		background: black 
		color: white

這是一段文章，知情人士已透露，除了價格的競爭，蘋果將推出低價iPhone，以及iPhone 5升級版。

像是這一段，另外再把text-shadow移除，是不是更好閱讀呢?

div
	&::-moz-selection
		background: red 
		color: white
		text-shadow: none
	&::selection  
		background: red 
		color: white
		text-shadow: none

英式濃茶的濃郁芬芳
經久不息的牽連妳我
那時妳同我烘焙釀造
陳舊了這紅銅色回憶
一個又一個鏽在我心
妳如壺中泉水的溫熱
再次纏繞如那母愛般
溶消極冰浮沈於腦海
而被溫順開展的那
萎縮的葉
是在極光下
畏縮的我

在我思考了很久之後，看來它只能玩藏頭詩...。