小编You*_*rav的帖子

如何使旋转元素的高度:其父元素的100%?

我正在寻找创建一个带有边框的分区,如下图 PNG

旋转的 CSS 文本

我计划制作一个具有以下尺寸的 ::after 元素:

width=height of the parent division;
height=1.5em;
Run Code Online (Sandbox Code Playgroud)

以下代码工作正常,但 ::after 元素的宽度不正确......

width=height of the parent division;
height=1.5em;
Run Code Online (Sandbox Code Playgroud)
body {
  display: flex;
  flex-direction: column;
  height: 93vh;
  justify-content: center;
  align-items: center;
  background: #222;
  color: #eee;
  font-family: "Dosis", sans-serif;
}

.side-text {
  position: relative;
  font-size: 4em;
  color: #eee;
  background: none;
  padding: 0.4em 0.5em 0.4em 0.3em;
  border: 5px solid #eee
}

.side-text::after {
  position: absolute;
  content: "Points Needed";
  font-size: 0.25em;
  color: #222;
  background: #eee;
  text-align: center;
  width: 100%;
  /*This takes the …
Run Code Online (Sandbox Code Playgroud)

html javascript css

5
推荐指数
2
解决办法
1062
查看次数

如何使用JavaScript/CSS制作圆形ScrollBox?

我想重新创建圆形滚动框,如下面的GIF所示,

在此输入图像描述

我不认为有一些原因如果使用css制作圆形滚动条是可能的,所以我想添加padding-left到每个子ul节点以使滚动框显示为圆形.

为了实现这一目标,
的0像素添加填充到锂1
2px的添加填充到锂2
4像素的附加填充到锂3
6像素的附加填充到锂4
8像素的附加填充到锂5
6像素的附加填充到利-6
添加4px的填充到li-7
添加2px的填充到li-8
添加0px的填充到li-9

上滚动填充可以改变添加的0像素填充到锂2
2px的添加填充到锂3
4像素的附加填充到锂4
6像素的附加填充到锂5
8像素的附加填充到锂6
的添加填充6px到li-7
添加4px的填充到li-8
添加2px的填充到li-9
添加0px的填充到li-10等等...

我的代码问题是,当滚动框通过鼠标滚轮滚动时,它会正常运行,但当用户使用滚动条中的滚动标签/滚动按钮时,填充会急剧增加.

到目前为止我的代码是:

var scrollBox = $(".circularScrollbox"),
  num = $(".scrollboxList li").length,
  vjListItem = $(".vjListItem"),
  max = num * 3,
  padding = 0,
  currentPadding = padding,
  scrollPos = scrollBox.scrollTop();

scrollBox.scroll(function() {
  if (scrollPos < scrollBox.scrollTop() && currentPadding < max) {
    currentPadding += 2;
    vjListItem.css("padding", "0 0 0 " + currentPadding + "px");
  } else if (scrollPos > …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery scroll

5
推荐指数
2
解决办法
126
查看次数

如何制作一个像Airforce.com上的按钮一样悬停动画的按钮

如何在悬停时使按钮动画,就像在此GIF中找到的按钮或在airforce.com上找到的按钮一样.

按钮GIF

html css html5 css3 css-animations

3
推荐指数
2
解决办法
71
查看次数

如何在 cmd/powershell 中使用增量文件名创建批量空文件?

如果我想创建 10 个.txt名称为 pattern 的空文件abcd01.txtabcd02.txt ,... , abcd10.txt. 如何在 CMD/PowerShell 中实现这一点?

这是我为实现的目标所做的:

for($i = 0; $i -lt 11; $i++){ New-Item -Path "C:\Users\FOO\Desktop\FOOBAR\abcd",$i,".txt" -ItemType File }
Run Code Online (Sandbox Code Playgroud)

这创建了没有任何文件扩展名的文件。0, 1,2 ,... , 10.

然后我重命名了所有文件:

 Dir -filter * | %{Rename-Item $_ -NewName ("abcd{0}.cpp" -f $nr++)}
Run Code Online (Sandbox Code Playgroud)

是否有一行命令可以制作'n'具有特定'.xyz'扩展名的空文件?

powershell cmd

2
推荐指数
1
解决办法
252
查看次数

如何使用 css 创建点状网格/图表背景?

如何使用 CSS 创建点状网格纸张背景,如下图所示?

虚线网格纸样本

html css

0
推荐指数
1
解决办法
2602
查看次数

标签 统计

css ×4

html ×4

javascript ×2

cmd ×1

css-animations ×1

css3 ×1

html5 ×1

jquery ×1

powershell ×1

scroll ×1