css3相关内容

翻转div与html的两个侧面

我在当前正在构建的网站上有一个登录表单,并且我也有一个注册表单.我想通过单击“注册"链接时将div旋转到另一侧来向其中添加一些精美的动画.我希望登录表单位于正面,而注册表单位于背面.我宁愿不使用javascript,但如有必要,我会使用. 感谢任何可能的答案! 解决方案 除了添加类来触发动画外,您还可以使用不带Javascript的CSS transition和transform: ..
发布时间:2019-11-11 18:31:59 前端开发

将单选按钮样式化为正方形

我得到了一个带有方形单选按钮的设计. 有没有一种样式可以使单选按钮看起来像这样? 我认为唯一的方法是使用图像,然后通过$.on('click')方法交换检查/检查状态. 解决方案 您无需设置单选按钮的样式.只需使用div: 小提琴中的示例: http://jsfiddle.net/kLGf4/2/ html: ..
发布时间:2019-11-07 17:22:51 前端开发

动画模糊滤镜

是否可以使用jQuery为CSS3模糊滤镜设置动画? 这是应用CSS规则的静态方法: item.css({'filter': 'blur('+blur+')','-webkit-filter': 'blur('+blur+')','-moz-filter': 'blur('+blur+')','-o-filter': 'blur('+blur+')','-ms-filter': 'bl ..
发布时间:2019-11-06 11:27:42 前端开发

如果将鼠标悬停2秒钟以上,则显示其他内容吗?

这是一个jQuery滑动功能,我已将其应用于悬停的div上以将按钮向下滑动. 它工作正常,除了现在每次有人进出它时,它都会不断地上下摆动. 我认为,如果在其上放置一两个秒的延迟计时器会更有意义. 如果用户在div上停留一两秒钟以上,我将如何修改该功能以向下滑动幻灯片? ..
发布时间:2019-11-06 10:01:11 前端开发

元素宽度/高度的方法

问题:是否存在 getBoundingClientRect 和 window.getComputedStyle 会有所不同的情况在宽度或高度? 我刚发现一个当元素具有 box-sizing 其中窗口时,IE中的 width (见下文)不一致。 getComputedStyle 返回错误的值。 所以我考虑重写宽度和 height 使用来自 getBoundingClientRect 的值 ..
发布时间:2019-06-12 14:52:21 前端开发

暂时绕过CSS转换

假设我有一个这样的风格,有一个过渡: #theElement { position:relative ; 剩余:200px; 过渡:左1s; } 还有一些代码: var element = document.getElementById(“theElement”); 函数animateX(px){ element.style.left = px ..
发布时间:2019-06-12 14:31:38 前端开发

如何将事件侦听器附加到DOM,具体取决于屏幕大小

例如: document.body.addEventListener('wheel',foo,{passive:true}); 这应该动态添加/删除屏幕尺寸高于 500px 解决方案 正如@Rounin所说, window.matchMedia 相当于CSS @media查询。但最酷的部分不仅仅是你可以用 .matches 来检查 - 很棒的是你可以添加一个事件监听器当状态改变时触发。 ..
发布时间:2019-06-12 14:27:57 前端开发

在全屏视频上放置文字(HTML5)

我想将全文视频上的文字放在HTML上。 我可以将其设为非全屏,但不能在全屏上播放。 有什么方法可以吗? 我使用 position:absoulute for文字和位置:相对/固定/无用于视频。 此外我不知道它是否有效但是我为浏览器调用了 .requestFullscreen(); 函数,我无法调整视频大小。 如果 .requestFullscreen(); 是有效的。 ..
发布时间:2019-06-12 12:29:12 前端开发

TransitionEnd侦听器触发子元素

我在 div 中添加了一个 transitionend 事件监听器。这个 div 有些孩子在一些元素上有过渡。我希望transitionend事件只针对我添加它的元素触发,这是一个错误吗?或预期的行为?如果只是我添加了监听器的那个,它如何才能触发? 解决方案 默认情况下冒泡的事件, 意味着它们将被“传送”到父元素,直到它们到达正文或处理器将停止它们。 你可以: 按事件的目标确 ..
发布时间:2019-06-12 11:38:12 前端开发

在mouseleave之后CSS继续动画

有人可以帮助我用css动画吗?我应该也用js吗? 我想创建悬停动画left-> right但是在鼠标离开后,我想继续动画left-> right right right-> left。 谢谢 .button_sliding_bg {color:#31302B;背景:#FFF;填充:12px 17px;保证金:25px; font-family:'OpenSansBold',sans ..
发布时间:2019-06-08 21:30:34 前端开发

图像周围的HTML / CSS文本

我有这个问题,我无法解决。基本上,我想这样做:我的问题 这是我将 放入 p 标签的屏幕截图,但我对这个解决方案不满意。例如 - 如果我不知道段落中的行数并且仍然想要使图像居中,该怎么办... 我尝试在css中解决这个问题: .container {display:flex; justify-content:flex-end} .item {align-self: ..
发布时间:2019-06-08 20:47:31 前端开发

如何停止关键帧动画1秒后不使用setTimeout? - 队列上的问题事件

我认为这将是一个很难解决的问题... 我创建了一个速度表,显示我所在城市发生的地震次数。 我想以两种方式为这个速度表设置动画: background-color (没有地震时为绿色,有时为红色) 3000 地震)和这个彩色div的宽度(我为背景颜色设置动画的div)。 因此,当没有地震时,宽度将 0 ,当有3000次地震时,宽度将为100%。 动画是2秒,所以例如,如果我有 15 ..
发布时间:2019-06-08 18:55:43 前端开发

如何在charts.js中旋转饼图?

看起来像中的一个饼图:chart.js 是通过在圆圈的上半部分取一个垂直半径,然后从那里顺时针移动来绘制的。这在大多数情况下效果很好,但是对于只有2个类别的饼图,如果它可以旋转以便切片居中,那将会很好,如下所示: 计算轮换取百分之360并除以2. (。14 * 360)/ 2 = 25.2 度数,所以如果我可以申请 transform:rotate(-25.2deg); ..
发布时间:2019-06-08 18:55:38 前端开发

onCollapse将parent设置为选定节点,如果已选择子/孙(bootstrap treeView)

我有工作引导树视图。我想在此添加一个功能。 https://jsfiddle.net/evk9yfum/ https://github.com / jonmiles / bootstrap-treeview (使用的插件) 例如:onNodeCollapsed:如果已经选择了折叠节点的child / grandChild。那么当前的collpased节点应该显示为选定的节点。 ..
发布时间:2019-06-08 18:17:26 前端开发