找到 1575 篇文章 关于 CSS

在 CSS min-height 上执行动画

Chandu yadav
更新于 2020-06-25 14:42:24

266 次浏览

要使用 CSS 在 min-height 属性上实现动画,您可以尝试运行以下代码示例实时演示                    div {             overflow: auto;             width: 350px;             background-color: blue;             color: white;             border: 1px solid black;             animation: myanim 3s infinite;          }          @keyframes myanim {             ... 阅读更多

CSS voice-duration 语音媒体属性

George John
更新于 2020-06-25 14:41:51

166 次浏览

CSS 中的 voice-duration 属性用于语音与其他媒体同步。以下是如何实现 voice-duration 语音媒体属性的示例p {    voice-duration: 5s; }您也可以设置 auto 值。当使用继承的 voice-rate 时,auto 值会修正一个用于对应语音合成持续时间的已使用值。这是在您使用继承的 voice-rate 时。

CSS voice-balance 语音媒体属性

Ankith Reddy
更新于 2020-06-25 14:41:22

119 次浏览

使用 voice-balance 属性设置语音是从左侧、右侧还是中心发出。以下是如何设置从左侧、右侧或中心发声的语法voice-balance: left | center | right让我们看一个实现 voice-balance 语音媒体属性的示例p {    voice-balance: right; }

在 CSS max-width 上执行动画

Arjun Thakur
更新于 2020-06-25 14:40:38

869 次浏览

要使用 CSS 在 max-width 属性上实现动画,您可以尝试运行以下代码示例实时演示                    div {             overflow: auto;             background-color: blue;             color: white;             border: 1px solid black;             animation: myanim 3s;          }          @keyframes myanim {             30% {               ... 阅读更多

CSS rest 语音媒体属性

varun
更新于 2020-07-06 11:43:36

144 次浏览

rest 属性是 rest-before 和 rest-after 属性的简写属性。在元素之前或之后设置暂停。以下是语法:rest: rest-before rest-after这里,rest-before: 在之前暂停几秒rest-after: 在之后暂停几秒示例以下是 rest 语音媒体属性的示例:h1 {    rest: 15ms 20ms; }

CSS voice-stress 语音媒体属性

Sreemaha
更新于 2020-06-25 14:36:59

114 次浏览

使用 voice-stress 属性对语音进行调整,例如更改音调、音量等。以下是语法:voice-stress: normal | strong | moderate | none | reduced以下是如何实现 voice-stress 语音媒体属性的示例:p {    voice-stress: strong; }上面,我使用 strong voice-stress 属性值设置了强语气。

CSS voice-volume 语音媒体属性

Ankith Reddy
更新于 2020-06-25 14:36:15

153 次浏览

使用 voice-volume CSS 属性调整相对音量级别。以下是语法:voice-volume: [x-soft | soft | medium | loud | x-loud]以下是如何使用 voice-volume 语音媒体属性的代码片段:p {    voice-volume: soft; }您也可以用分贝设置音量p {    voice-volume: 2dB; }同时设置 voice-volume 媒体属性和分贝音量级别:p {    voice-volume: medium 3dB; }

在 CSS opacity 上执行动画

vanithasree
更新于 2020-06-25 14:34:54

120 次浏览

要使用 CSS 在 opacity 属性上实现动画,您可以尝试运行以下代码:示例实时演示                    #demo1 {             position: absolute;             top: 60px;             width: 300px;             height: 150px;             background-color: lightblue;             animation: myanim 4s infinite;          }          #demo2 {             position: absolute;             top: 90px;             left: 30px;             width: 300px;             height: 150px;             background-color: orange;             animation: myanim 3s infinite;          }          #demo3 {             position: absolute;             top: 120px;             left: 60px;             width: 350px;             height: 150px;             background-color: coral;          }          @keyframes myanim {             30% {                opacity: 0.4;             }          }                     显示不透明度       结束 div             开始 div    

使用 CSS 设置右上角边框

seetha
更新于 2020-06-25 14:29:30

237 次浏览

在 CSS 中使用 border-top-right radius 属性设置右上角圆角边框。您可以尝试运行以下代码来实现 border-top-right-radius 属性 −示例实时演示                    #rcorner {             border-radius: 25px;             border-top-right-radius: 45px;             background: orange;             padding: 20px;             width: 400px;             height: 250px;          }                     圆角右上角!    

显示 flex 行,并在它们之间留出相等的空间

Chandu yadav
更新于 2020-07-06 11:42:28

171 次浏览

使用 align-content 属性和值 space-between 在 flex 行之间添加空间。示例您可以尝试运行以下代码来实现 space-between 值实时演示                    .mycontainer {             display: flex;             height: 200px;             background-color: #5D6D7E;             align-content: space-between;             flex-wrap: wrap;          }          .mycontainer > div {             background-color: #EBF5FB;             text-align: center;             line-height: 60px;             font-size: 30px;             width: 100px;             margin: 5px;          }                     队列                Q1          Q2          Q3          Q4          Q5          Q6          Q7          Q8          

广告