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