Css 向我的WordPress选择加入表单的特定部分添加代码
嗨，尽管我有一些C语言方面的经验，但我对任何与web开发相关的语言都没有太多经验，因此我的问题可能会显得非常愚蠢 我想在我的WordPress网站上添加一个动画进度条作为选择加入表单，但我找不到任何合适的插件，但我遇到了以下CSS教程： 并下载了其代码示例：Css 向我的WordPress选择加入表单的特定部分添加代码,css,wordpress,Css,Wordpress,嗨，尽管我有一些C语言方面的经验，但我对任何与web开发相关的语言都没有太多经验，因此我的问题可能会显得非常愚蠢 我想在我的WordPress网站上添加一个动画进度条作为选择加入表单，但我找不到任何合适的插件，但我遇到了以下CSS教程： 并下载了其代码示例： /* CSS-Tricks Example by Chris Coyier http://css-tricks.com */ * { margin: 0; padding: 0; } body { fon
/*
CSS-Tricks Example
by Chris Coyier
http://css-tricks.com
*/
*
{ margin: 0; padding: 0; }
body { font: 14px Georgia, serif; }
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
#page-wrap { width: 490px; margin: 80px auto; }
body { background: #333; text-align: center; color: #eee; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
h1 { font-size: 42px; font-weight: 600; margin: 0 0 30px 0; }
pre {
background: black;
text-align: left;
padding: 20px;
margin: 0 auto 30px auto;
}
我不知道这段代码被归类为什么，因为我知道在哪里为一个页面添加CSS代码，但现在这段代码做了什么，或者放在哪里，希望这一切都有意义。你可以将它添加到你的HTML中，但你需要编写一个逻辑来增加宽度，即进度条百分比。您可以为它编写javascript
/*在这里添加css*/
.meter{
高度：20px；/*可以是任何东西*/
位置：相对位置；
背景:#555；
-moz边界半径：25px；
-webkit边界半径：25px；
边界半径：25px；
填充：10px；
盒影：插图0-1px1pRGBA（255255,0.3）；
}
.米>跨度{
显示：块；
身高：100%；
边框右上角半径：8px；
边框右下半径：8px；
边框左上半径：20px；
边框左下半径：20px；
背景色：rgb（43194,83）；
背景图像：线性梯度(
中底，
rgb（43194,83）37%，
rgb（84240,84）69%
);
框阴影：
插图0 2px 9px rgba（255255255,0.3），
插图0-2px6pxRGBA（0,0,0,0.4）；
位置：相对位置；
溢出：隐藏；
}
.米>跨度：之后{
内容：“；
位置：绝对位置；
顶部：0；左侧：0；底部：0；右侧：0；
背景图像：线性梯度(
-45度，
rgba（255，255，255，.2）25%，
透明25%，
透明50%，
rgba（255，255，255，.2）50%，
rgba（255，255，255，.2）75%，
透明75%，
透明的
);
z指数：1；
背景尺寸：50px 50px；
动画：移动2s线性无限；
边框右上角半径：8px；
边框右下半径：8px；
边框左上半径：20px；
边框左下半径：20px；
溢出：隐藏；
}
@关键帧移动{
0% {
背景位置：0；
}
100% {
背景位置：50px 50px；
}
}