前端开发

::part()为Shadow DOM中具有匹配part属性的任何元素添加样式

2020-07-0918次阅读csshtml5css3
Shadow DOM 为Web组件中的DOM和CSS提供了封装,保持与主文档的DOM保持分离。::part()则可以为Shadow DOM中具有匹配part属性的任何元素添加样式
前端开发

使用text-shadow创建3D文本并实现动画效果

2020-07-0629次阅读css3
text-shadow为文字添加阴影。添加多个阴影,阴影值之间用逗号隔开。每个阴影值由元素在X和Y方向的偏移量、模糊半径和颜色值组成。
前端开发

带进度指示的CSS滚动条

2020-06-1774次阅读css3css
带进度指示的CSS滚动条只适用于-webkit-vendor前缀的滚动条样式属性。
前端开发

CSS计数器CSS counters给数字后面加背景

2020-06-1664次阅读css3css
CSS counters是CSS2.1中自动计数编号部分的实现。计数器的值通过使用counter-reset 和 counter-increment 操作,在 content 上应用 counter() 或 counters()函数来显示在页面上。
前端开发

CSS伪元素::marker选择列表项的标记框

2020-06-1545次阅读css3css
在CSS中display设置list-item值之后就会生成一个Markers标记以及控制标记位置和样式的几个属性,而且还定义了计数器(计数器是一种特殊的数值对象),而且该计数器通常用于生成标记(Markers)的默认内容。
前端开发

CSS3布局之columns多列布局

2020-06-1534次阅读css3
columns用来设置元素的列宽和列数。
前端开发

conic-gradient()圆锥形渐变实现背景图案

2020-06-1540次阅读css3
conic-gradient()锥形渐变它可以大大简化background背景图案实现。
前端开发

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

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

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

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

CSS mask遮罩之mask-image

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