108 次浏览
要在 CSS 中对 perspective 属性实现动画,您可以尝试运行以下代码示例在线演示 #demo1 { position: relative; margin-left: 120px; height: 250px; width: 350px; padding: 10px; border: 1px solid orange; animation: myanim 3s infinite; perspective: 200px; } @keyframes myanim { 50% { perspective: 100px; } } #demo2 { padding: 90px; position: absolute; border: 1px solid black; background-color: orange; transform: rotateX(60deg); } 这是 div1 中的演示文本。 这是 div2 中的演示文本。
81 次浏览
CSS 中的 voice-pitch 属性用于设置说话声音的基本音高。在这里,您可以设置音高voice-pitch: [[x-low | low | medium | high | x-high]]以下是一个示例p { voice-pitch: low; }
213 次浏览
要在 CSS 中对 padding-top 属性实现动画,您可以尝试运行以下代码示例在线演示 div { width: 350px; height: 150px; outline: 3px solid maroon; animation: myanim 3s infinite; } @keyframes myanim { 30% { padding-top: 60px; } } CSS padding-top 属性
92 次浏览
使用 speak-as 语音媒体属性设置文本是朗读还是拼写。您可以拼写文本,朗读数字等。要拼写出来,以下是一个示例abbr { speak-as: spell-out; }上面,我使用了 spell-out,它一次拼写出一个字母。
372 次浏览
要在 CSS 中对 padding-left 属性实现动画,您可以尝试运行以下代码示例在线演示 div { width: 350px; height: 150px; outline: 3px solid orange; animation: myanim 3s infinite; } @keyframes myanim { 50% { padding-left: 20px; } } CSS padding-left 属性
90 次浏览
CSS 中的 voice-range 属性用于设置说话声音的范围。这是音高范围。以下是语法:voice-range: [[x-low | low | medium | high | x-high]]上面,设置音高的范围,即低、中、高等。以下是 voice-range 属性的示例:p { voice-range: 90Hz; }
1K+ 次浏览
要在 CSS 中对 margin-top 属性实现动画,您可以尝试运行以下代码示例在线演示 div { background-color: orange; animation: myanim 4s infinite; color: white; } @keyframes myanim { 30% { margin-top: 30px; } } 标题一 这是演示文本。
206 次浏览
要在 CSS 中对 min-width 属性实现动画,您可以尝试运行以下代码示例在线演示 div { overflow: auto; width: 50%; background-color: blue; color: white; border: 1px solid black; animation: myanim 3s infinite; } @keyframes myanim { ... 阅读更多
882 次浏览
要在 CSS 中对 transform-origin 属性实现动画,您可以尝试运行以下代码示例在线演示 #demo1 { position: relative; height: 300px; width: 400px; border: 2px solid black; margin: 100px; padding: 5px; } #demo2 { padding: 30px; position: absolute; border: 1px solid black; background-color: orange; transform: rotate(45deg); transform-origin: 30% 10%; animation: mymove 3s infinite; } @keyframes mymove { 30% { transform-origin: 0 0 0; } } CSS transform-origin 属性 演示
97 次浏览
CSS rest-after 属性对于语音媒体很有用,可以设置元素之前的暂停。让我们来看一个 rest-before 语音媒体属性的示例h1 { rest-before: 15ms; }时间以毫秒为单位设置暂停。