css-transitions

0热度

2回答

我想补充一些动画，我的CSS类这里是代码： #primary_nav_wrap li a:hover:after { height: 4px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; backg

8热度

5回答

在相同位置上悬停显示div

我想在鼠标悬停上显示div，但它闪烁，我如何显示/隐藏没有任何混蛋并平滑过渡？我试过淡入淡出使用jquery，但仍闪烁。下面是代码 body { \t margin: 0; } .row { \t float: left; \t width: 100%; } .col { \t float: left; \t width: 25%;

1热度

1回答

iOS上的垂直滚动动画'跳转'

我正在使用使用CSS3动画的site。我注意到iOS上的漫画字幕“跳跃”，我认为这是由地址栏更改用于计算字幕位置的window properties之一引起的。的源代码可以在这里找到：https://gitlab.com/ashleyconnor/adventurersclubcomic 如果我在我的假设是正确的。有没有一种准确的方法来抵消iOS地址栏，所以这些值中没有任何跳跃（突然增加）？

0热度

1回答

在加载多个div时应用动画

我想在加载div时使用css或JQuery应用动画。的div得到加载是这样的： <div> <blog_topic_title each="{item , i in data.blogTopicsArr}" index={i} id={item.article_id} topic={item}></blog_topic_title> </div> 数据： this.data.bl

3热度

2回答

悬停扩大一个div在另一个分度的转变

我已经div的风格为列 [div1][div2][div3] 我想扩大每个div都单独上的光标悬停像这样（覆盖其他的div莫名其妙地）： [div1..................] 我知道了这样工作迄今：https://codepen.io/Cigoler/pen/VMZeaB body { background: #cacaca; padding: 5e

0热度

1回答

将内容添加到转移时悬停的锚链接

我想知道我可以如何存档图标，将鼠标悬停在页面上的锚链接上。我开始写了一小段我认为可能会做我预期的行为，但它却留下了一个空白。当您将鼠标悬停在锚点上时，文本的大小应扩展（增大）。我该如何归档？ a:after { content:" "; position: relative; opacity: 0; left: -20px;

0热度

1回答

规模上徘徊了一圈保持边框的宽度

我有一个圆圈没有背景，只有边境，我希望它在大规模的悬停： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link type="text/css" rel="stylesheet" href="css/main.css" /> <style> #circle{ border: 1

2热度

3回答

css关键帧转换不能旋转超过180度

我正在尝试用css创建一个圆环图。我观察到它无法旋转超过180度。我错过了什么。这会阻止我显示超过50％的任何数据的圆环图。 http://jsfiddle.net/BkJY7/80/ @-webkit-keyframes rotate-rt { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform:

1热度

2回答

如何转换Z指数

https://jsfiddle.net/vaf6nv36/1/ 气球图像可以缓慢地过渡到苹果图像吗？我认为我需要更多的转换参数，或者我应该使用不透明度？有人可以帮忙吗？ HTML <div class="img1"> </div> <div class="img2"> </div> CSS .img1, .img2{ border: 1px solid bla

0热度

1回答

我使用Javascript更改CSS，并且过渡是瞬间的，而不是花几秒钟的时间

我有一个下拉导航菜单，我想更改CSS样式（特别是导航链接的不透明度，使其淡入），以及除了样式值之间没有转换之外，样式可以正确更改。我试图在不透明度的变化上使用一个转换，以便导航链接在下拉菜单后面淡入视图。 var notViewingMenu = true; var button = document.getElementById("navList"); var