相关疑难解决方法(0)

CSS中的"淡化"边框

我正在使用border-left: groove一个元素,但我希望边框"淡入"到背景中,因为它将要在底部结束.

我希望我有意义.我将如何实现这一目标?

css

32
推荐指数
4
解决办法
16万
查看次数

CSS - 只有一半边框可见的边框

我很困惑,因为必须使它在CSS中工作只有一个div,其中边框只能在其宽度的一半上可见.

边框风格很简单 1px solid #000;

但是,我希望div边框的顶部不会在任何地方都可见(在div宽度上100%),而只是在宽度的前50%div.

我无法在任何地方得到这样的例子,它需要百分比,所以通常的技巧包(下半年的图像,......).

html css

25
推荐指数
3
解决办法
6万
查看次数

环形工艺旋转器,环周围有褪色梯度效应

我想用CSS3或JavaScript创建一个环形流程微调器,类似于Android中的加载进度微调器.

旋转器应连续旋转并填充沿边缘逐渐消失的纯色(即圆锥形渐变),如下图所示:

白色背景上的薄环,颜色逆时针从完全不透明的青色渐变到完全透明.

我怎样才能做到这一点?

jquery html5 css3 css-animations

13
推荐指数
2
解决办法
6103
查看次数

我们可以将渐变颜色设置为border-bottom属性吗?

我们可以为border-bottomhtml块元素的属性添加渐变颜色吗?

边界应该类似于此 -

在此输入图像描述

任何人都可以告诉我在CSS3中有可能吗?

我试过这样,但无法让它发挥作用.

.border-gradient { 
   border-bottom: 8px solid;
   -moz-border-image: -moz-linear-gradient(left, rgba(92,7,52,1) 0%, rgba(134,29,84,1) 12%, rgba(255,93,177,1) 47%, rgba(83,0,30,1) 100%);
   -webkit-border-image:  -webkit-gradient(left top, right top, color-stop(0%, rgba(92,7,52,1)), color-stop(12%, rgba(134,29,84,1)), color-stop(47%, rgba(255,93,177,1)), color-stop(100%, rgba(83,0,30,1)));
   -webkit-border-image:  -webkit-linear-gradient(left, rgba(92,7,52,1) 0%, rgba(134,29,84,1) 12%, rgba(255,93,177,1) 47%, rgba(83,0,30,1) 100%);
   -o-border-image: -o-linear-gradient(left, rgba(92,7,52,1) 0%, rgba(134,29,84,1) 12%, rgba(255,93,177,1) 47%, rgba(83,0,30,1) 100%); border-image: linear-gradient(to right, rgba(92,7,52,1) 0%, rgba(134,29,84,1) 12%, rgba(255,93,177,1) 47%, rgba(83,0,30,1) 100%);
}
Run Code Online (Sandbox Code Playgroud)

html css css3

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

是否可以使用css3制作渐变边框?

正如标题所述,是否可以在css3中创建渐变边框,如果是,如何?我知道你可以制作渐变背景,并且有很多生成器,但我还没有找到一个为渐变边框创建代码.

css gradient border

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

使用css的渐变顶部边框

我想在div的顶部放一个渐变边框.

因此,起始颜色应为#c4268c,以#9a0b72结尾

<div class="bordertest"></div>
Run Code Online (Sandbox Code Playgroud)

为了宽松,这里是小提琴:http://jsfiddle.net/aKhjk/

我搜索但找不到合适的方法.

css xhtml border css3

12
推荐指数
1
解决办法
3万
查看次数

CSS强调低于标题宽度?

使用CSS是否可以使标题的下划线不比标题文本宽?我有H1标题的以下风格:

h1 {
  font-weight: 300;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px #d2202f solid;
}
Run Code Online (Sandbox Code Playgroud)

这会在H1头条新闻下方产生一条细红色下划线.但是,是否可以使下划线占标题中文本的50%?

css underline

12
推荐指数
1
解决办法
4万
查看次数

CSS3风格问题

我创建了一个标签,但在右侧的箭头后面有白色背景

.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
 }
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/eR8Ye/5/

如何删除标签右侧的白色背景?此标记的背景是渐变样式.

html css

7
推荐指数
1
解决办法
118
查看次数

在带圆角的 div 边框上使用渐变

我有一些带有圆角和彩色边框的 div。我希望 div 的边框具有渐变,以便当用户悬停在 div 上时它会发生变化。

我找到了所有关于如何使用渐变的网站(http://css-tricks.com/css3-gradients/http://gradients.glrzad.com/等),但我还是想不通了解如何使其适用于圆形边缘边框。

有人可以引导我到一个描述如何执行此操作的站点,甚至可以帮助我编写代码吗?

html css

7
推荐指数
2
解决办法
2万
查看次数

两个颜色边框

我知道可以使用一个低于另一个的双边框的效果但是可以使用css将边框宽度的一部分设为一种颜色而其余部分是另一种颜色?

以下是我想要仅使用css重新创建为边框的图像示例:

图片

html css css3

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

标签 统计

css ×9

html ×5

css3 ×4

border ×2

css-animations ×1

gradient ×1

html5 ×1

jquery ×1

underline ×1

xhtml ×1