最近几年,大屏幕手机和ipad等移动设备的流行,使你的网页兼容移动设备已成为一种流行!移动设备的屏幕大小是五花八门,各式各样!要想很好的兼容移动设备,Css3的media技术是功不可没。 我的博客,应用了CSS3的media技术,使其在手机等移动设备上面也可以查看。当然,只凭css3的media技术 ...
分类:
移动开发 时间:
2020-04-06 20:29:49
阅读次数:
96
注意:用心找自己做的项目中自己感觉最拿出来手的(复杂度最高,用的技术最多的项目),描述的时候尽可能往里面添加一些技术名词布局我们用html5+css3我们会用reset.css重置浏览器的默认样式JS框架的话我们选用的是jQuery(也可能是Zepto)我们用版本控制工具git来协同开发我们会基于g ...
分类:
其他好文 时间:
2020-04-06 17:42:49
阅读次数:
85
尽量使用css3动画,开启硬件加速 适当使用touch时间代替click时间 避免使用css3渐变阴影效果 可以用transform: translateZ(0) 来开启硬件加速 不滥用float。float在渲染时计算量比较大,尽量减少使用 不滥用web字体。web字体需要下载,解析,重绘当前页面 ...
分类:
移动开发 时间:
2020-04-06 17:34:37
阅读次数:
72
.account { width: 400px; margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #f0f0f0; padding: 10px 30px 30px 30px; -webkit-box ...
分类:
其他好文 时间:
2020-04-06 15:57:17
阅读次数:
93
CSS3 transition动画 1、transition-property 设置过渡的属性,比如:width height background-color2、transition-duration 设置过渡的时间,比如:1s 500ms3、transition-timing-function ...
分类:
Web程序 时间:
2020-04-06 13:26:02
阅读次数:
79
仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。那就没意思了。 有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理由还是,那就没意思了。 这次用到了一些LESS的特性,通过设置一些指定的参数来生 ...
分类:
Web程序 时间:
2020-04-05 18:43:30
阅读次数:
85
原本自己也想画大白,正巧看到一位同学(github:https://github.com/shiyiwang)也用相同的方法画了。 且细节相当到位。所以我就fork了一下,在此我也分享一下。同时,我也希望有更多的同学发挥自己的想象力,来找个东西画画。 如果看过我前几次的分享,肯定能马上想到大白的各个 ...
分类:
Web程序 时间:
2020-04-05 15:18:35
阅读次数:
93
由于Universal Render Pipeline目前(2020年4月1日)把阴影淡入淡出这个功能竟然给取消了…我自己拿片元位置到相机位置的距离进行了一个淡化,但是阴影边缘老是被裁切…后来研究了一下Unity里面这个CBuffer是干嘛的。有一些结论,鉴于似乎没搜到,就发个博客吧。。。 至于这些 ...
分类:
编程语言 时间:
2020-04-05 13:38:11
阅读次数:
96
###CSS选择器 CSS3选择器规范地址: https://www.w3.org/TR/2011/REC-css3-selectors-20110929/ CSS3选择最新选择器规范: https://www.w3.org/TR/selectors ! 问题 ! 1.css的全称是什么? 2.样式 ...
分类:
Web程序 时间:
2020-04-05 11:40:44
阅读次数:
83
flex布局是什什么? Flex意思是弹性布局,是css3中的新布局模块,?用来为盒模型提供最?大的灵活性。可改进容器?中的项?目对?齐,?方向和顺序,即使他们具有动态甚?是未知?小。Flex容器?能够调节?子节点的宽度或高度,以便便适应不同的屏幕尺寸。 基本概念 flex布局可以将?个元素看成?个 ...
分类:
其他好文 时间:
2020-04-05 11:15:45
阅读次数:
58