小制作-css+html旋转木马

源代码: <!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> body{transform-style: preserve-3d; background-image: radial-gradient(yellow,pink)…

Flexbox制作CSS布局实现水平垂直居中

Flexbox实现一个div元素在body页面中水平垂直居中: <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <title>Flexbox制作CSS布局实现水平垂直居中</title> <style type="text/css"> html { height: 1…

小tip:CSS vw让overflow:auto页面滚动条出现时不跳动——张鑫旭

小tip:CSS vw让overflow:auto页面滚动条出现时不跳动这篇文章发布于 2015年01月25日,星期日,23:08,归类于 css相关. 阅读 46274 次, 今日 91 次 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=4552 一.水平居中布局与滚动条跳动的千年难题当前web届,绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后marg…

鼠标悬浮上去显示小手CSS

鼠标悬浮上去显示小手CSS只需要添加一句css代码即可 cursor:pointer;…

小tip:CSS vw让overflow:auto页面滚动条出现时不跳动

原文地址:http://www.zhangxinxu.com/wordpress/?p=4552 一.水平居中布局与滚动条跳动的千年难题当前web届,绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~ 例如,妇女之友大淘宝的首页: 然而,这种布局有一个存在一个影响用户体验的隐患.应该都知道,现代浏览器滚动条默认是overflow:auto类型的,也就是如果尺寸不足一屏,没有滚动条:超出,出现滚动条.于是,问题来了: 信息流页面,如新浪微博,是从上往下p…

【Unity 3D】学习笔记29：游戏的例子——简单的小制作地图

无论学习.只看不练是坏科学. 因此,要总结回想这怎么生产MMROPG小地图的游戏.于MMROPG游戏类,在游戏世界中行走时导致各地,通常在屏幕的右上角,将有一个区域,以显示当前的游戏场景微缩.在游戏世界中的主角移动,小地图代表了一个小标记的主角也将移动. 那怎么实现咧? 首先须要确定两个贴图,第一个是右上角的小地图背景贴图,应该是从Y轴鸟瞰向下截取主角所在的位置大地图. 第二个就是主角的位置大贴图.在本例中,由于没有学习unity地图制作.所以地图用一个面对象取代,主角用立方体取代,使用GUI来…