先来看效果图：
当鼠标划过图片时，有着泰迪熊黑色长方形的背景就会出现。
来看HTML5+CSS3代码：
购物网站商品文字提示 *{margin:0;padding:0;} #con{width:500px;height:470px;margin:50px auto;position:relative;} #con p{background:#000;color:#fff;width:100%;height:30px;text-align:center;line-height:30px;position:absolute;left:0;bottom:0;opacity:0.6;height:0;-webkit-transition:height 0.5s;} #con:hover p{height:30px;}
泰迪熊
查看更多关于css3购物网站商品文字提示实例_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did109368