-
如何实现three.js响应式设计(消除变形和锯齿)
默认情况下,随着屏幕尺寸的变化,模型会出现拉伸或挤压变形。我们需要对camera的aspect做出相应的调整并更新投影矩阵来解决这个问题。
-
使用aos.js、css弹性框和网格布局实现的一款毛纺织品在线营销页面(响应式设计)
Knitwear Landing Page with CSS Grid, Flexbox and AOS Scrolling Animations,带页面滚动时的图文渐入动效,可用于编织品、纺织品等商品的引导页面。
-
HTML5 CSS3新奇的响应式皂形网格布局页面模板 | mask-image使用示例
Responsive gallery with CSS Grids,比较有新意的一个照片墙设计布局,其中不规则图形遮罩使用mask-image特性(svg矢量图)实现。可用来制作相册或者奇石盆景。
-
HTML5 img标签的srcset和sizes新特性测试
srcset和sizes特性是响应式设计技术,用来支持用户代理判断哪个图片最适合被加载。
-
HTML5新特性图片源集(srcset)功能测试
iPhone里面切图会有@1x,@2x,@3x的概念,主要是用在为iphone4以前、iphone4/5/6(retina屏幕,2倍像素密度)和iphone6+(3倍设备像素密度)加载不同精度的图片。HTML5中新引入的srcset特性也是类似的设计目的,用来支持网页中响应式图片加载。
-
HTML5响应式材料化按钮设计和实现
Responsive buttons w/ transitions 按钮在大屏幕上显示为长方形(带图标和文字),在小屏幕设备上过渡动画变形为圆形图标。
-
响应式设计的一种实现方式:滚动菜单
Multi-device scrolling menu 本例展示了多设备响应式设计的一种有趣的实现思路,即不是通过汉堡菜单隐藏,而是使用滚动菜单,当界面变小时,显示的菜单项变少,当用户鼠标悬停(或移动触摸拖拉)时,自动左右滚动。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
WebGIS(Web Map)基础概念简介
大地水准面 (geoid)大地水准面是海洋表面在排除风力、潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面。虽然我们通常说...
Stone 3D Demo Cases
新能源虚拟城市概念展https://wow.techbrood.com/static/20210108/60580.html邻里家全景图浏览https://wow.techbrood.com/static/20210223/61008.html3D电子调音...
Techbrood Stone 3D IDE Release Notes
Stone 3D致力于在沉浸式网页(web3d/webxr)应用领域提供一款可以和Unity、Unreal相互竞争的轻量级引擎。Stone的体量只有Unity、Unrea...
Linux Apache2如何开启gzip (deflate module) 压缩功能
检查你的网站是否启用了gzip,用chrome打开网站比如http://www.techbrood.com选中一个请求,查看Response header部分,...
网页3D编辑器Stone用户手册和使用说明
更多...