css3相关内容

停止无限的CSS3动画并顺利恢复到初始状态

使用关键帧动画构建CSS3加载程序时遇到一些麻烦。 加载程序包含4个框,可以上下动画。我遇到的问题是,当动画停止时,框会跳到初始位置。我正在寻找的行为是:加载器无限制地动画直到加载完成,此时它应该动画到初始位置并停止,有点像 animation-iteration-count:infinite 并将其更改为 animation-iteration-count:1 以停止动画。 (这不起作用b ..
发布时间:2019-06-06 12:59:08 前端开发

JQuery模糊动画

当我点击按钮时,我使用以下脚本来模糊一个框,但是如何使模糊需要500毫秒? $(document).ready(function(){ //将click事件附加到按钮 $('。button')。click(function(){ //当点击按钮时我们调用blurElement函数 blurElement(“#box”,2); }); //将点击事件附加到按钮 ..
发布时间:2019-06-06 12:37:38 前端开发

如何通过css在输入框中应用Title Case

我正在使用text-transform属性将输入框文本转换为标题大小写,但我没有得到确切的属性或组合来执行此操作。 我也尝试过 text-transform:capitalize; text-transform:小写; 我正在尝试自动转换这些 nIklesh raut:Niklesh Raut NIKLESH RAUT:Niklesh Raut ..
发布时间:2019-06-06 10:52:47 前端开发

CSS Alternate Rows - 隐藏了一些行

我正在尝试设置一个表格,以便每一行都是不同的颜色(奇数/偶数)。我有以下CSS: #woo tr:nth-​​child(even)td { background-color: #f0f9ff; } #woo tr:nth-​​child(odd)td { background-color:white; } 然而,我的一些行可以隐藏,我仍然喜欢要交替的行。 ..
发布时间:2019-06-06 05:32:06 前端开发

CSS3 + Javascript位置粘性可滚动内容

我在位置:粘贴的帮助下创建了一个侧边栏,效果很好。 请参阅以下脚本以获取颜色标识,并附上以下文字。 当黑色区域向下滚动时,绿色区域相对于红色顶杆保持粘性位置。但绿色区域有溢出页面视口的内容。 当滚动到达页面末端附近时,即当溢出的绿色区域的高度等于页面中剩余滚动的高度时,绿色区域开始移动。 但是我想移动绿色区域与黑色区域一起滚动,并在它到达结束时保持不变。意味着,当侧边栏的高 ..
发布时间:2019-06-06 05:13:50 前端开发

将鼠标悬停在图像上时,以受控方式滚动div内容

我有一个高度和宽度有限的div,内容超过了div的大小。所以我在div的顶部和底部放置了两个图像,我希望内容相对于我悬停的图像上下滚动。我已经设法得到了徘徊,但它不受控制,直到最后,即使我将鼠标移离图像。因此,当我将鼠标移开时,我希望滚动停止,当我再次将鼠标悬停在图像上时,我希望滚动从它停止的位置恢复。 jsfiddle HTML: HOVER M ..
发布时间:2019-06-06 05:01:39 前端开发

将box-shadow添加到表格列(从上到下)?

我有这个简单的表格,如果我点击一列 - 我需要将整个选定列(从顶部到按钮)选中。 我没有颜色或html的问题,但我确实遇到了 box-shadow css属性的问题。 这是它的外观: 请注意”right-shadow“和“left-shadow”(底部 - 我不在乎) 但是当我试图制作它时( JSBIN SAMPLE )通过JQ: $(“#tblPlan td:nth ..
发布时间:2019-06-06 04:03:49 前端开发

isDisplayed为Protractor中的可见元素返回false

编辑#4 :突破!! 我开始递归遍历父节点并返回相同的值,如下所示。其中一个父母 - 内部 mat-drawer-container - 也为isDisplayed返回false(所有其他人返回true,这看起来很奇怪)。 看一下这个节点,结果证明它是网站上唯一一个拥有 CSS的标签:内容 即可。删除它会导致有问题的按钮 - 和其下的所有其他内容 - 为isDisplayed返回tru ..
发布时间:2019-06-06 03:41:20 前端开发

使用PhantomJS将CSS3动画渲染为一系列图像文件

之前我没有使用PhantomJS,但是想用它来为服务器端的PNG文件集渲染一些定制的CSS3动画序列,然后将它们连接成一个视频文件。看起来像PhantomJS有一个选项可以将当前页面状态呈现给图像。接下来,我发现 -webkit-animation-play-state 我希望可以帮助我暂停动画,渲染页面,然后转到下一帧并再次完成所有操作。 可能我应该用纯JS做这些动画,以便我可以更好地控制 ..
发布时间:2019-06-06 03:06:07 前端开发

在网站的不同部分进行标题/导航更改颜色

我正在为我的个人投资组合网站重新设计网站。我有一个很酷的功能,我的标题/导航栏会根据网页的哪个部分改变颜色(网站只有一页)。 我能想到这样做的唯一方法是将onclick事件添加到转到页面不同部分的链接,但是当用户手动滚动到a时,这不允许我更改标题/导航栏的颜色。新部分。 我想知道是否有人可以指出我正确的方向,因为我不知道从哪里开始。 以下是人们想查看的网站: www.kyl ..
发布时间:2019-06-06 03:05:17 前端开发

具有固定列和标题的可滚动表,具有现代CSS

如何使用现代CSS制作尽可能少的JavaScript表格? 我想要的功能是: 固定列(定位和宽度) 在X和Y轴上可滚动 在X轴上响应(对于非固定宽度列)。 注意:我确实看到并分析了SO中一些最受欢迎/最常见的问题和答案,例如和此处。 我知道可以使用JavaScript事件处理程序进行滚动,以便可以向下/向上移动固定列以跟随主列。我正在尝试构建(但脚本很大)的功能示例可能 ..
发布时间:2019-06-06 00:19:48 前端开发

如何防止调整大小的TextArea溢出页面?

我正在创建一个在页面中水平和垂直居中的TextArea。鉴于我需要TextArea垂直居中,我不能让textarea为100w和100h,我需要它从一个小高度开始然后随着用户类型增长。我还需要一个单击捕获器,因此如果用户单击textarea周围的区域,则textarea会聚焦。 (灰色bkg仅用于调试目的) 我在CodePen上有一个演示: https://codepen.io/anon/p ..
发布时间:2019-05-27 16:54:18 前端开发

在页面重新加载时保持CSS不刷新

我有一个带有两个CSS文件的html页面 - 一个用于灯光主题,另一个用于黑暗主题。单击相应按钮时,主题将更改为light.css或dark.css。 然而,每当我刷新页面,重新加载页面,返回等等。它会变回默认的css(作为light.css文件)。 当我点击按钮并刷新页面时,有什么方法可以让它保持在dark.css主题上? 谢谢。 解决方案 您可以使用cookie,lo ..
发布时间:2019-05-27 16:36:59 前端开发

如何创建使用背景渐变和重叠透明形状的嵌入曲面背景?

我一直在尝试使用CSS创建一个看起来像下图的网页部分。我无法弄清楚如何在背景的顶部和底部创建曲线并保持透明覆盖的完整性。上面和下面的部分(部分显示)也使用透明背景。所以,你会看到圆圈有不同的阴影。 解决方案 这是我将如何尝试。它可能会让你的网站运行起来有点费力,但希望你能看到我使用的技术。 基本上你使用div作为背景内容并将其翻译为叠加层。然后将任何内容放在容器中,您可以更改z-in ..
发布时间:2019-05-27 13:41:09 前端开发

Jquery兄弟姐妹在警报中显示未定义

Jquery兄弟姐妹显示未定义 我有数量字段和总金额字段,当用户在总金额字段中输入任何内容时,我必须在警报时显示数量。我不关心一段时间的数量,因为我必须明白为什么我的jquery兄弟姐妹不工作。当我输入任何数字时,我在警报中未定义。 这不是我的整个项目,这是我必须了解兄弟姐妹的项目的一部分。我将代码上传到以下链接。 例如我有数量和总价。如果我使用var qty_number = $( ..
发布时间:2019-05-27 11:37:58 前端开发