灰来飞去的奇幻小屋

今天在学习css3时用:checked选择器实现自定义单选按钮效果，感觉这个选择器很棒，来记录一下。 :checked表示选中状态，可以配合其他标签实现自定义样式。 例如，想实现这个效果： 部分css代码如下： .box input { opacity: 0; position: absolute; top:0; left:0; } .box span { po...

1.一个设置字体居中的小技巧 在导航栏ul设置中，有这么一句： .nav{ width:560px; height: 50px; font:bold 0px/50px Arial; text-align:center; } 这里 font:bold 0px/50px Arial;一句的0px/50px我没懂是什么意思，查了一下明白了，这里的0px是字体大小，...

今天在做网站过程中，发现了一种新的特效，在这里记录分享一下。 给图标加上遮罩，鼠标浮动到图标所在圆时蓝色遮罩从圆心逐渐显现，移出鼠标时遮罩从圆周逐渐收缩到圆心消失。 实现原理：css3中，transform:scale(x,y)可以实现2D 缩放转换，而当x=y时，它们的横纵方向缩放比例一致。 当x=y=0时，即transform:scale(0)可实现图像隐藏效果： 当x=y=1时，...