我正在努力应用由我们的设计师提供的一个网站的比较。
我需要为背景创建的效果如下：
它的中心是径向的，从上到下有一个梯度。
有没有可能使用CSS3和指南针在一个元素上创建这种效果，或者我必须使用两层来构建它？
你能推荐一种更好的方法来创造同样的效果吗？
谢谢!
浏览 0提问于2013-06-19得票数 0
回答已采纳
1回答
视差滚动底部
、、、
嗨，我的网站有一个问题，我的问题是:当我在我的页面上向下滚动时，我看到的页面底部，页脚不在页面的底部。我知道错误是，bootsrtap顶部的旋转木马在我滚动时得到了视差效果。我用jquery和css3变换实现了这个视差效果：
$(window).scroll(function() {
if($('html').width() > 767) { //For mobile devices
var top = $(window).scrollTop();
$('.parallax').css({
&
浏览 3提问于2014-12-17得票数 0
1回答
如何根据用户操作系统更改CSS
、、、、
如何编写CSS来处理Mac OS上的不同效果以及其他OS版本上的不同效果。
即
.(mac){
height: 100%;
width: 100%;
overflow: hidden;
}
.(win and linux){
height: 100%;
width: 100%;
overflow: scroll;
}
浏览 17提问于2016-08-18得票数 2
回答已采纳
1回答
允许勾勒出字体的轮廓。我只想勾勒出一个字体的50%。
我已经看过一些JavaSCript的变通方法，可以将CSS设置为半个字母，但我还是想使用css。
我的目标是能够将类添加到右侧的星形网页字体中，使其看起来像左侧的全星形。该图像是2个不同的图标，我想能够创建的“半”看与CSS笔画效果的图标的网页字体的明星。
这是一个，它有一个没有笔画CSS效果的图标，一个有CSS笔划的图标。我如何在css中设置，这样笔触效果将创建一半图标“满”，另一半“空”？
.empty {
-webkit-text-fill-color: white;
-webkit-text-stroke-widt
浏览 2提问于2019-11-05得票数 0
1回答
网站预加载器
、、
我想创建一个带有徽标的网站preloader。我想创造的标志颜色填充预加载效果(一些像水灌入玻璃杯)或旋转的标志或任何东西(但第一种技术是首选)。这可以用动画gif来完成，但为了获得实际效果(或小于实际效果)，gif文件的大小肯定会增加。
我发现许多.gif预加载器，但这些都不是我的确切要求。
这可能是用css/js/jquery完成的，但问题是，我不知道如何开始。
有人能帮我吗？
徽标是一个.png图像。
浏览 4提问于2015-02-28得票数 0
1回答
我在这个网站()中发现了这个效应()。你知道有什么javascript插件或者css提示可以达到这个效果吗？
谢谢！
浏览 1提问于2013-07-04得票数 0
回答已采纳
你好，我正在尝试创建这个网站左侧按钮的悬停效果，但无法做到。效果基本上是文本的边距偏移，以及我无法使用我所拥有的任何代码知识(这是非常少的)获得的边距。
<style>
#button {
\properties of button/
}
#button:hover {
\code that i am not able to write/
}
另外，这是否只能使用css才能访问，或者我也可以使用javascript (不是jquery )？
浏览 2提问于2014-07-05得票数 0
1回答
重新创建媒体的图像缩放
、、、
我想重现Medium使用的图像缩放效果，当你点击一个图像并想要看到它的放大版本时。
这是它的一个示例.gif。
我已经尝试了多种方法，使用jQuery CSS转换，等等--但是我遇到了很多麻烦。
我怎样才能重现这样的效果呢？
浏览 0提问于2016-05-09得票数 0
2回答
网站--> 在他们发布的图片中使用了悬停效果。这是什么样的效果呢？它是一个CSS3或者jquery效果，怎么做类似的效果呢？
浏览 1提问于2012-08-01得票数 0
1回答
我试图使用这样的css转换：
On Hover -高度转换被触发，宽度转换被触发
当您鼠标离开时，会触发宽度转换，然后触发高度转换。
下面是示例代码：
#example {
width:100px;
height:100px;
background:#000000;
}
#example:hover {
width:200px;
height:200px;
}
是否有方法使用css转换以获得所需的效果？
浏览 4提问于2013-06-01得票数 2
回答已采纳
2回答
将鼠标悬停在弹出菜单上
、、、、
创建一个网站使用简单的html(不是html5)和css，但获得了鼠标悬停的效果。需要显示一些文本与背景图像时，用户鼠标经过一个链接。下面是一个例子。
正常：
结束：
我认为不可能用简单的CSS来创建效果。我的问题是，什么是创造over效果的最有效的方法？Javascript、DHTML或其他语言...
在advance...Rex中谢谢你...
浏览 7提问于2010-09-12得票数 1
回答已采纳
2回答
我有这个HTML：
<div id="content_home_preview">
</div>
还有这个CSS：
#content_home_preview{
float: left;
margin: 0;
padding: 0;
width: 940px;
height: 469px;
background-image: url("../Images/image1.png");
repeat: no-repeat;
}
如何创建幻灯片效果与下一个图像，如image2，image3等...
我尝试过jquery循环，但它的形式如下：
浏览 3提问于2011-10-28得票数 0
我经常希望在满足某个条件时为组件声明条件CSS样式类。如果不满足条件，则不应添加任何样式。我通常这样做(到目前为止效果还不错)：
<some:tag styleClass="#{someCondition ? 'SomeClass' : null}" />
这样可以吗?或者在那里使用null有什么危险的陷阱吗？
浏览 1提问于2011-09-06得票数 2
回答已采纳
3回答
我正在尝试实现背景按钮的这种效果，注意到它的效果就像一个波浪。有没有什么方法可以让我定义一个渐变或者css函数来完成这个任务呢？
我能得到的最多是垂直或水平线的渐变，但不像波
浏览 3提问于2012-09-12得票数 4
回答已采纳
在Dribbble上找到了这张照片：
我喜欢的是侧边栏打开并在右手边的主要内容区域波纹，就像它是一张毯子或窗帘。
我只是想知道是否有可能在CSS中做这样的事情？有没有可能操纵元素来产生自定义的连锁反应效果？
浏览 3提问于2013-04-28得票数 1
回答已采纳
4回答
我想知道是否有可能用纯html和css (没有javascript，htc文件，...)来创建一个子项具有下拉效果的菜单。它不需要滑动或其他任何东西(我知道这是不可能的)，只需在悬停时显示即可。
编辑:它必须在IE中工作。
谢谢!
浏览 3提问于2009-08-28得票数 0
回答已采纳
2回答
多盒悬停效应
、、、、
我有多个盒子，我想把悬停效果应用到每一个，当我悬停一个单独的，所有其他的盒子应该看起来更透明，给予更多的聚焦效果。我需要用某种缓慢的过渡效果来完成它。
我试着按下面的方式来做，但似乎效果不太好
<div class="container">
<div class="thumb"> </div>
<div class="thumb"> </div>
<div class="thumb"> </div>
<div
浏览 3提问于2013-06-30得票数 1
回答已采纳
1回答
假设我有这个：
<ul id="belt">
<li class="plate">First item here</li>
<li class="plate">Second item here</li>
<li class="plate">Third item here</li>
<li class="plate">Fourth item here</li>
</ul&g
浏览 0提问于2011-07-26得票数 1
回答已采纳
2回答
我发现这个很酷的javascript/css效果可以在悬停在链接上时创建一个3D立方体滚动效果。问题是当我尝试实现它的时候，我无法让它工作(可能是我的低级的javascript技能)。
这就是效果：
这是我的样式表：
和我的网站：
我使用的JS是：
<script type='text/javascript'>
var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined ||
浏览 1提问于2012-11-08得票数 0
我在一个页面上有一系列的照片，当你将鼠标悬停在这些照片上时，白色的效果就会淡出，标题和描述就会出现在上面。
我遇到的问题是，如果我将鼠标悬停在文本区域上，那么白色效果就会再次淡出。这是一个奇怪的闪烁问题。
我需要它的工作，这样无论你停留在图像上，它总是保持有色，无论何时关闭，它都会回到正常的图像。
我的代码如下。
$('div.project-image a img').mouseover(function() {
$('div.hover').css('filter', 'alpha(opacity=70)');
浏览 1提问于2011-12-16得票数 0
回答已采纳
1回答
我在p元素上应用了一些动画，并希望制作一个类似于块的效果，它们会有一定的动画效果，但它们会超出屏幕或溢出。
我搜索了很多，但没有找到确切的，只有Css3。
为了达到这一效果，我必须在translateX(screen_width)中定义屏幕宽度。
-webkit-transform: translateX(100%); // Now i am using but fails
你知不知道，没有JavaScript，我是如何完成这项任务的？
我在问题中添加了JavaScript标签，只是为了引起注意，如果任何编剧知道Css 3的话
浏览 0提问于2014-03-17得票数 1
回答已采纳
1回答
我有一个背景的网站，有一个粒子效果，是使用CSS动画。
每当您切换页面时，粒子就会被破坏和重置。是否有任何解决方案，让我只改变网页的网页内容，而不影响背景？从技术上讲，粒子是一种元素。
浏览 5提问于2021-12-15得票数 0
1回答
我刚刚开始使用svg，并试图弄清楚样式的局限性。
我的一些文本元素使用 -=“true”标记。
我希望用户能够轻松地看到标记的元素是什么。我正在想象一个简单的，可切换的，半透明的覆盖。
当我将鼠标悬停在chrome的DOM视图中的元素上时，文本元素被呈现为蓝色。我希望得到类似的效果，或者是有点接近的效果。
如果可能的话，我更喜欢使用css，但任何实现这种效果的方法都会很好。在最坏的情况下，我可以使用d3和jquery来破解一些插入rect元素的东西，但这看起来相当混乱。
浏览 0提问于2012-12-21得票数 3
回答已采纳
1回答
我希望在#nav菜单中达到一定高度的粘性菜单效果。类似于tha：，侧边栏菜单固定在一定的高度。我能用css做到这一点吗？还是只有jquery才能做到？
浏览 0提问于2013-02-02得票数 0
我正在使用灰度jquery插件在运行中对图像进行灰度处理( Andrew Pryde)。
效果效果就像一种护身符：
但我尝试添加另一个jquery函数:在滚动时显示图像信息。
该函数单独工作，但与插件，我有一个css的问题。图片不再浮动：
你能帮我找出css有什么问题吗？
源代码(css、html、jquery很容易在示例中找到)。
非常感谢！
浏览 0提问于2012-10-05得票数 1
回答已采纳
1回答
我希望能够创建一个与CSS3文本阴影属性相同的效果，使其可用于不支持此CSS3属性的浏览器(如IE7和8)。
所以我找到了两个插件：和。
我决定使用Text Shadow，因为它是在2008年底发布的，而且更简单。
这对IE8来说非常有效。然而，在IE7中，阴影到文本的距离是文本的两倍，而且链接很奇怪。
IE8图像
IE7镜像
我正在寻找解决方法，或者解决这个问题的替代方案。
浏览 4提问于2010-04-21得票数 4
回答已采纳
2回答
我想看看是否有可能使用纯css3实现这种阴影：
我很快在photoshop中模拟了这一点。我正在寻找那种弯曲的阴影效果。我知道这是有可能得到直接的阴影效果。我试着在谷歌上找，我甚至不知道该怎么称呼那个弯曲的阴影。我找不到任何地方说这不可能。也找不到任何地方说这是可能的。
如果css3没有发生，我愿意使用jQuery。
如果能帮上忙，非常感谢。谢谢。
编辑:我用css3实现任何类型的阴影的最接近的方法是：
浏览 0提问于2011-06-01得票数 16
回答已采纳
我正在创建链接，其中他们的背景变化鼠标悬停，这是很容易使这与CSS，但我想要一个淡出效果的原始背景，显示一个缓慢的悬停。我想使用一个jQuery插件来使这种淡出效果适用于具有特定类的链接。
我只想让.CLASS:hover在悬停时褪色，或者.CLASS让.CLASS:hover慢慢淡出.而不改变为不同的类，其中一个是原始背景，另一个是悬停背景。
浏览 4提问于2013-09-20得票数 0
回答已采纳
1回答
我正在制作wordpress主题，我需要创建一个垂直的菜单，但是它的子菜单是水平的，如下所示：
MenuItem
SubmenuItem | SubmenuItem
AnotherMenuItem
SubmenuItem | SubmenuItem
现在，使用wp_nav_menu()和CSS可以获得这种效果，但我不知道如何添加管道符号来分隔子菜单项。
wp_nav_menu(array(
'container'=>false,
'after'=> ' | ',
浏览 0提问于2011-07-23得票数 1
回答已采纳
我想对模板上的单词“下拉”(当您将光标放在上面时出现的灰色/黑匣子)进行悬停效果，并将其放在模板的导航菜单上(来自同一站点)。
我是一个初学者，我尝试了很多东西，但我不能达到同样的效果。我尝试从第一个模板.css复制#nav代码，并将其粘贴到另一个模板css上，但它只是复制文本、字体、颜色，但悬停效果并不存在。
提前谢谢你，为这个愚蠢的问题道歉。
浏览 3提问于2014-03-04得票数 0
回答已采纳
我更喜欢纯粹的CSS，后退到Javascript。如果根本不可能，我如何使用画布标签来应用这种效果？
这就是想要的效果:它是一堆difference混合模式叠加在另一个模式之上。
如果是这样，有没有可能在Mozilla上工作？
浏览 1提问于2014-04-07得票数 2
1回答
好的，我有一个客户端，在进入他的网站时，只需要有漂亮的动画。Wordpress东西应该是一个图片/按钮，点击播放“引擎”的声音，并显示主页。
我正在考虑在单独的DIV中这样做，当按钮被点击并播放声音时，DIV就会“消失”。我四处看看，我知道怎么做，但我没有什么问题。
达到上述效果的最佳方法是什么？我认为CSS3 + HTML5 +一点jquery是可行的。但也许还有更好的东西。在任何元素上获得声音的示例，如CSS技巧：
如果这整件事是分开的，声音应该播放“整体”，没有任何突然中断。如果我错了就纠正我
现在最困难的事情可能是:如何确保动画在访问主页时不总是显示出来。放饼干？如果是的话
浏览 3提问于2017-05-25得票数 0
回答已采纳
好吧，我一直在谷歌上搜索，希望这里的人知道我该去的地方。
我正在为JavaScript搜索一个页面翻转动画，该动画接近苹果对iBooks所做的，只有一页翻过来只显示下一页。
(编辑:也许我的描述不够清楚:我正在寻找一个页面翻转效果，它可以将一个完整的HTML网站转换成另一个页面，例如，通过应用页面翻转效果来添加问题“添加问题”屏幕，例如当单击“询问”时。我知道这可能是一件很难实现的事情，因为它包括准备好数据，显示一页，转换效果，然后显示第二页，而第一页可以从内存中释放。尽管如此，随着HTML5，JS和CSS的狂热，我希望有人已经做出了这样的转变-效果，我希望，如果有一个，这里的人知道在哪里找到
浏览 0提问于2011-07-07得票数 7
回答已采纳
因此，我最近设法从我的Hugo博客中删除了所有内联HTML，这些HTML之前是用来设置插入到我帖子中的图像的样式的。我已经使用CSS选择器做到了这一点，这样Markdown，比如  产生我想要的结果。我的问题是，我如何对文本跨度执行类似的操作？例如，我有一篇博客文章，其中我使用span block添加CSS来设置文本颜色。现在，我从config.toml文件中删除了以下内容，这些效果已经消失了。我需要这个代码块来获得之前要呈现的内联HTML。 [markup]
[markup.goldmark]
[mark
浏览 15提问于2020-11-03得票数 1
我知道这是错误的，但我想模拟一下我想要完成的事情。
如何使特定<ul class="myul">中的每个<ul class="myul">元素具有相同的鼠标向下/鼠标/鼠标/悬停/等等效果，但不是一次性的。
目前，如果您在一个<li>上悬停或单击，它们都会产生效果。我不想要个人的id，因为<li>'s不会手动更新-而且数字总是会变化的。
$(".deleteIcon").mouseover(function(){
$(".deleteIcon").closest(
浏览 5提问于2016-05-24得票数 0
回答已采纳
2回答
有人能帮我把手风琴里的放松效果整合起来吗？
我想要的是用JQuery来模拟这个效果(可以在您的CSS中设置)：
-webkit-transition: max-height 500ms ease, padding 500ms ease;
transition: max-height 500ms ease, padding 500ms ease;
我怎样才能做到这一点？
把我的问题弄成了。
PS.有一个平稳的宽松效果也会有效果。。
浏览 3提问于2015-07-09得票数 0
回答已采纳
我有一个框架集：
<frameset rows="30px,*">
<frame id="frame1" src="frame1source.html">
<frame id="frame2" src="frame2source.html">
</frameset>
我需要能够使用jquery在#frame1中更改#frame2的高度。
我尝试了许多解决方案，但都没有效果，包括：
$(window.parent.frames[0].document).
浏览 2提问于2013-04-24得票数 1
我们越是深入CSS3的奇妙世界，就越会对这些特性需要大量的浏览器前缀才能与一些较老的浏览器兼容的事实感到恼火。即使对于小站点，这个问题也变得相当明显，我们需要4到5个CSS属性才能达到完全相同的效果。一个常见的例子是渐变的背景属性。
我知道有一些脚本可以帮助解决这个问题，但在求助于这些脚本之前，有没有一个纯粹的CSS修复程序可以让您解决前缀问题，或者至少有某种方法可以将额外的打字量保持在最低限度？那就是，组合事物，速记，任何东西。CSS文件可以很容易地与CSS3丰富的内容相结合。
浏览 1提问于2014-01-19得票数 0
我有一个用伪元素创建的标记。我试着用transitions来达到滑动效果，但没有成功.我已经找了将近一天的解决办法了。你的帮助将不胜感激。。
我添加了一个jquery只是为了移动活动链接，但是我的实际代码根本不使用jquery。也许有一种方法可以使用纯css实现滑动效果。
浏览 4提问于2015-04-07得票数 3
回答已采纳
1回答
我最近在Wix的新编辑器X中建立了一个网站。 有人知道如何在编辑器X中添加投影吗？在旧的wix是一个标准的文本效果，我找不到任何方式来访问CSS。 看起来它将允许javascript函数，但这似乎是一个漫长的过程。 谢谢
浏览 50提问于2021-03-23得票数 0
2回答
不完全固定的视差背景图像
、、、、
我试图创造一个微妙的视差效果，背景图像在一个div内。我使用了以下标记和CSS。
HTML
<div class="widget bg-parallax" style="background-image: url(~~set dynamically~~)"></div>
CSS
.widget {
height:500px;
position: relative;
}
.bg-parallax {
background-size: cover;
background-attachment: fixed;
浏览 0提问于2016-09-01得票数 1
回答已采纳
<img>
<button>
button:hover
color: blue
我希望按钮的:悬停效果发生时，img是悬停的。这能用CSS实现吗？如果没有，在JS中最简单的方法是什么(jQuery很好)？
浏览 5提问于2014-03-01得票数 0
回答已采纳
我已经用jQuery写了代码，用于不透明和闪烁效果。Opacity工作正常，但jQuery不工作。 var blinkInterval;
var pauseInterval;
var blinking = true;
$(document).ready(function(){
$("#flash-toggle").click(function(){
$('img').css("opacity", "20");
浏览 18提问于2019-04-23得票数 0
回答已采纳
2回答
有没有人知道有没有一种方法可以创建一个看起来像iPhone apps的光线效果的CSS效果？
谢谢,
罗恩
浏览 1提问于2012-10-21得票数 1
回答已采纳
3回答
我想为一个元素创建一个悬停效果，但希望该元素的悬停前CSS与以前一样，当再次悬停时。因此，当再次悬停在元素之外时，我不想无意中覆盖先前的样式。换句话说，这是一种记录元素的css状态并在以后恢复该状态的简单方法。
想法？
浏览 3提问于2012-05-06得票数 0
回答已采纳
2回答
因此，我正在处理mouseover并单击javascript中的事件。我已经使用了css悬停影响，并取得了很大的成功，但我正在尝试融入javascript。
我希望我的div元素从零转换到块。我在那里没有问题，而且效果很好。
我最关心的是，我是否可以像css一样轻松过渡，还是必须用另一种方式来处理这种影响？
浏览 3提问于2022-05-29得票数 0
我试着在谷歌上搜索，但我不确定找到的问题是否真的与我的问题有关。
这很简单。我的电脑上有一个html文件，屏幕上只有一个按钮。
我有一个指向.css文件的链接，位于与我的html相同的文件夹中。.css工作正常..颜色和形状的属性正在发挥作用。
我还有一个.js文件，里面的代码可以在这个按钮上实现淡出淡入效果。
我正在学习codecademy.com上的超文本标记语言(和其他东西)。他们在那里有一个测试环境，我的代码运行得很好。
但是在本地(正如我所描述的)，javascript代码不能运行。无淡出-淡入效果。
我尝试了不同的浏览器(Chrome，IE，Edge...)没有交易。还试图打开IE
浏览 1提问于2016-01-15得票数 2
5回答
我想加载数据(通过ajax)在工具提示时，鼠标在一个特定的区域。问题是，只要我的鼠标在该区域上，就会进行ajax调用。有没有办法，让onmouseover (ajax调用)效果只发生一次？代码如下：
$.post('calendar/event-details', {'eventId' :event.id},
function (data){
this.top = (ui.clientY + 15); this.left = (ui.clientX - 230);
$(
浏览 2提问于2011-07-20得票数 5
回答已采纳
4回答
我有一个嵌套的UL结构，它表示一个可以变得非常深的文件夹树。我一直在为LI元素做一个简单的悬停效果。问题是，执行li:hover不会起作用，因为它也会影响所有的父“li”。通常，我会尝试将悬停效果应用于LI中的link元素或其他元素，以避免父母也采用样式，但由于环境原因，现在不能这样做。我有一个可行的解决方案，使用javascript将一个类放在悬停的LI上，然后设置这个类的样式，但我真的很感兴趣的是，是否真的有一种方法可以通过纯css来实现这一点。
我想可能有一种方法可以做一个非常“硬编码”的css解决方案，但我更感兴趣的是一个动态和干净的解决方案，因为它的结构可以无限嵌套。
也许有一些我不
浏览 0提问于2013-06-13得票数 3
我使用以下CSS属性设置blur效果：
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
它使div元素blur，但我看到白光在角落的块，我如何能够没有他们的blur effect？
浏览 2提问于2016-08-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
