前端开发

使用transform描绘1px边框

2019-09-03236次阅读css3
分辨率比较低的屏幕下显示1px的边框会显得模糊,通过::before或::after和transform模拟细腻的1px边框
前端开发

使用text-align-last对齐两端文本

2019-09-03250次阅读css3
CSS属性text-align-last描述的是一段文本中最后一行在被强制换行之前的对齐规则。text-align-last:justify轻松实现文本两端对齐
前端开发

使用vw定制rem自适应布局

2019-09-03358次阅读css3
移动端使用rem布局需要通过JS设置不同屏幕宽高比的font-size,结合vw单位和calc()可脱离JS的控制。
前端开发

box-shadow单边阴影

2019-08-23254次阅读css3
box-shadow以由逗号分隔的列表来描述一个或多个阴影效果。这里记录一下box-shadow单边阴影的实现。
前端开发

移动端横竖屏最佳实践

2019-06-26543次阅读css3javascript
在移动端经常会遇到根据横竖屏以不同的样式来适配或提醒用户切换为竖屏以保持良好的用户体验需求,这里结合JavaScript&CSS检测手机横竖屏一文做一下总结
前端开发

CSS实现元素的宽高比

2019-06-13417次阅读css3css
元素的宽高比描述了其宽度与高度之间的比例关系。两种常见的视频宽高比是4:3(20世纪的通用视频格式)和16:9(高清电视和欧洲数字电视的通用)。
前端开发

移动端1px问题

2019-06-05444次阅读css3
设备像素比大于1的屏幕上,我们写的1px实际上是被多个物理像素渲染,这就会出现1px在有些屏幕上看起来很粗的现象。
前端开发

JavaScript&CSS检测手机横竖屏

2019-06-05333次阅读css3javascript
JavaScript检测手机横竖屏,window.orientation:获取屏幕旋转方向。CSS检测手机横竖屏orientation: portrait(竖屏)|landscape(横屏)
前端开发

CSS3 滤镜(Filter)使用小结

2019-06-01627次阅读css3
CSS3滤镜(filter)与我们经常说的IE滤镜是两码事,IE滤镜是指老版本的(4.0 到9.0)Windows IE浏览器支持一种非标准的 "filter" ,目前已经被现代浏览器弃用。CSS3滤镜(filter)属性提供的图形特效,如灰度、透明度、模糊、阴影等。
前端开发

CSS3中背景属性background-clip

2019-06-01610次阅读css3css
background-clip 设置元素的背景(背景图片或颜色)是否延伸到边框下面。如果没有设置背景图片或背景颜色,那么这个属性只有在边框透明或半透明时才能看到视觉效果,否则,本属性产生的样式变化会被边框覆盖。