响应式切图网站ie10常见坑！
2021-02-09 Umming css3+html5
话不多说，前段时间一直在给响应式页面切图，整体采用flex布局，因为flex确实是好用，而且快，只是兼容性差点，但是客户响应式的兼容性也理解，一般到ie10即可，大家也知道，微软已经放弃ie了，新的e...
标签: 浏览器兼容性
IE10 、IE11 CSS Hack（完美）
2020-10-21 Umming css3+html5
/*ie11 css hack*/ @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .class名字 { 里面的样式:样式...
标签: html常识
input type="file" 在移动手机端H5页面实现调用本地相册、拍照、录音
2020-06-15 Umming css3+html5
<input type="file" accept="image/*" mutiple="mutiple" capture="camera" /> 三个属性： accept - 规定可...
img图片自适应object-fit属性如何使用
2020-05-24 Umming css3+html5
当图片比例不固定，需要自适应显示图片时，可以使用img属性：object-fit object-fit有如下属性值： object-fi...
标签: object-fit
分享一段页面加载完成前的SVG动画，纯代码实现！
2020-03-26 Umming css3+html5
很多时候我们希望一个页面所有内容加载完成才展示出页面，逻辑很简单，就是给一个loader元素，页面加载完成使用window.load函数隐藏或者去掉loader元素，下面给大家分享一段纯代码打造的sv...
标签: svg动画
transform的rotate在内联元素上面不起作用
2020-02-19 Umming css3+html5
想让箭头旋转向上 直接引用transform: rotate(90deg);不起效; 解决：加入display: inline-block; 产生原因：内...
标签: css3特效
使用css3选择器通过a标签href通配符判断文件/附件格式
2020-02-03 Umming css3+html5
大家在建站过程中肯定遇到过需要附件下载或者文件下载功能，一般情况文件都会给相应格式的图标，正常情况我们可以使用程序判断文件格式从而给出相应的图标，但是css3的出现可以使用css3的选择器来判断文件格...
标签: css3特效
flex布局使视频自适应代码
2019-11-12 Umming css3+html5
最近遇到项目，首页轮播图加载全屏视频，静音自动播放，由于网站是自适应，所以视频始终无法自动居中，百度好久方法，插件也用了好几个，感觉都不好使，终于找到视频自适应居中的方法。只用css就行，归根结底用的...
标签: css3特效
纯css3定高自适应瀑布流代码
2019-11-11 Umming css3+html5
纯css3自适应定高瀑布流,ie已经做了hack兼容到9，如果想pc和移动端都兼容推荐使用定高瀑布流插件flexImages.js最好用在手机端图片展示。 引入CSS &l...
标签: css3特效
表单布局首选Flexbox，简单超乎你的想象！
2019-11-11 Umming css3+html5
弹性规划（Flexbox）逐步盛行，越来越多人运用，由于它写 CSS 规划真是太便当了。 今天，我看到一篇教程才认识到一个最简单的表单，就能够解释 Flexbox，而且内容还很适用。 ...
标签: css属性
深入学习Flex 布局，从实例开始探索！
2019-11-11 Umming css3+html5
你会看到，不管是什么布局，Flex布局往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex 布局基础语法教程》。 ...
标签: css属性
利用css-doodle炫酷的css作图组件制作特效
2019-11-11 Umming css3+html5
Web中使用一些图案做为背景图案是一种时常可见的，早期一般都是通过图片来完成。直至CSS一些新特性更趋成熟和稳定的时候，会通过CSS的相关技术 随着前端技术不断的革新，不久前看到一个生成W...
标签: css3特效