前端开发

CSS4媒体查询@media (hover: hover)

2020-06-1582次阅读csscss模块
CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。
前端开发

aspect-ratio元素放在元素上即可根据auto宽度计算出高度

2020-06-1569次阅读css模块
aspect-ratio如果不设置宽度,元素将仍然具有自然的auto width。因此,可以根据纵横比和渲染的宽度来计算高度。
前端开发

CSS mask遮罩之mask-image

2020-06-1586次阅读css模块
一般来说mask-image需要一张有透明部分的图片,该图片用于遮挡在指定的dom上,被图片透明部分遮住的部分将不被显示,被不透明部分遮住的部分将显示。显示的是背景图片或者背景色。也就说我们只要一张图片即可显示不同颜色效果。
前端开发

CSS display:flow-root声明

2020-06-1567次阅读css模块
display:flow-root可以让元素块状化,同时包含格式化上下文BFC,可以用来清除浮动,去除margin合并,实现两栏自适应布局等。
前端开发

css3实现省略号动画

2020-04-24186次阅读css模块
实现省略号点点动画,纯css3实现省略号动画
前端开发

CSS3彩色进度条加载动画 带进度百分比

2020-04-23133次阅读css模块
CSS3彩色进度条加载动画 带进度百分比,内有演示网址
前端开发

css3实战linear-gradient渐变背景色平铺

2020-04-20185次阅读css模块css
background: #f7d79b;background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);background-size:100% 4px;这里权当记录一下,下次拿来主义。
前端开发

css滚动条带有进度背景色

2020-04-20134次阅读css模块css
通过box-shadow来实现滚动条带有进度背景色。
前端开发

移动端IOS横竖屏切换横屏时字体变大

2020-04-14185次阅读IOScss模块
ios设备竖屏切换到横屏时候,字体会发生变化的情况。用text-size-adjust : none方法可以解决此类问题。
前端开发

css3展开收起导航动画

2020-03-20223次阅读css模块
css3展开收起导航动画,自己照猫画虎,仿的凑和用着。