css3相关内容

为什么我的div没有滚动动画?

http://codepen.io/donnaloia/pen/IekLw 我正在尝试使用砌体和animonscroll.js复制鼓膜演示.唯一的不同是,我使用的div卡中包含图像,而不只是图像. 这是工作中的鼓室演示 http://jsfiddle.net/Sfmv9/19/light/ 这是我的代码: http://codepen.io/macsupport/pen/eghE ..
发布时间:2019-11-16 16:09:58 前端开发

如何制作具有多列选项的选择列表

我正在构建一个系统,该系统允许人们选择自己的图标并带有某些值.将有很多图标可供选择. 我想创建一个包含多列具有不同选项的选择框,因为具有50个以上图标的垂直列表将是荒谬的,而且根本无法使用.我已经找到了很多有关如何将单个选项分为几列的信息,但是没有任何信息表明您可以对表进行表格排列.这样的事情有可能吗?在我如何设想这一点以帮助澄清这一点的底部,我提供了一个非常快速的模型. 这是我一直在 ..
发布时间:2019-11-16 15:56:19 前端开发

滑动以更改文本颜色动画

我目前正在网站上,并试图提出一个漂亮的菜单悬停动画. 从左向右滑动文本颜色.如果您明白我的意思?所以AE: 文字颜色:白色 新文字颜色:黑色 持续时间:0.5s 但是让动画从左到右移动(只有文本颜色,而不是背景颜色). 这有可能吗,有人可能对此有解决方案吗? 解决方案 我只想出了这个主意.希望你能得到 p:hover .red{ color: red; ..
发布时间:2019-11-16 15:53:06 前端开发

光滑的滑块位置和宽度

我是CSS的新手,正在尝试在项目上使用Slick滑块: http://kenwheeler.github. io/slick/ 我有一个div container,它占据了页面宽度的100%.然后,我里面有一个div(包含滑块),它占了页面宽度的80%. 但是,我试图将div放置在页面中心,而且我也看不到左按钮. HTML: ..
发布时间:2019-11-16 15:51:23 前端开发

元素的动画不透明度

如何使用CSS或jQuery对元素的“不透明度"进行动画处理? 解决方案 可以,使用CSS过渡: div { opacity: 1; -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ ..
发布时间:2019-11-16 15:14:53 前端开发

解决方案,将表td分成6个或更少的行

寻找一个css或jquery解决方案来将这些动态加载的表分解为每行最多6个,创建表的脚本将它们全部内联,有时最多显示32个td.表在一行中显示.如何在最多只能显示6个内联的情况下打破它们 这是HTML ..
发布时间:2019-11-16 14:51:02 前端开发

使用jQuery检查是否在输入元素中输入了值

首先,我检查了与我的问题类似的每个主题,但不幸的是,我还没有找到答案.我试图合并一些答案,但没有成功. (注意:刚开始学习jQuery) 这是我的问题: 我创建了一个包含四个文本输入和一个按钮的表单.每个输入内部都有一个svg图标和一个占位符文本. HTML: ..
发布时间:2019-11-16 14:45:42 前端开发

我无法将div高度设为100%&在CSS中可滚动

这是我的小提琴 我正在尝试使div的高度为100%,并且当该特定div中包含更多内容时,它应该可以滚动. 我正在使用flex属性,但是我的代码无法正常工作-当内容超过div高度时,它不会滚动. body { font-family: 'arial'; } header, footer { background: #333; height: 30px; ..
发布时间:2019-11-16 11:10:34 前端开发

引导计数器开始显示

因此,我找到了这个Codepen教程,该教程可以帮助我在页面上获取数字计数器.它可以正常工作,但是在页脚中找到了计数器,并且计数器实际上是在页面加载时开始的.因此,当您到达页面底部时,计数器动画已经发生.我将如何更改此JavaScript,以使计数器在我达到上述目标div或counter div之前不会启动.例如,假设我有 //Stuff He ..

负上/左/右/下负值的绝对定位,用于图像拉伸

我刚刚发现了纯CSS解决方案来拉伸像background-size:cover这样的图像. 它由Twitter使用,但以其他形式使用. 以下是拉伸图像的示例(不是我的示例) http://jsfiddle.net/zksd1L6a/1/ 在大多数情况下,它都可以正常工作,并且我不需要使用Javascript将我的图片适合div 这是代码 div { position ..
发布时间:2019-11-15 16:31:08 前端开发

折叠div的响应设计方法

我正在使用带有侧边栏导航菜单的CSS主题.我想添加一个按钮,以允许用户关闭侧边栏. 我熟悉jQuery的切换,显示,隐藏等...,我可以编写脚本来以多种方式隐藏和显示div,但是有一种兼容的方式可以执行此操作大多数浏览器和手机? 除了在jQuery中显示隐藏之外,还有其他更好的选择吗? 谢谢 解决方案 最正确的方法是只切换一个类,然后使用CSS切换到其余类... v ..
发布时间:2019-11-15 14:57:36 前端开发

使div更大,并在悬停时向上动画更大的部分

当用户将鼠标悬停在div上时,我正在尝试为div设置动画. 我可以使div变大,但是动画会向下移动.我正在尝试使div的底部保持在同一位置,并进行平滑的动画处理,以增大div的大小. 在此处查看jsfiddle,演示我的代码当前正在做什么. 请参见下面的代码: .box { height: 170px; padding-bottom: 15px; widt ..
发布时间:2019-11-15 14:45:59 前端开发