hover

0熱度

1回答

正如你可以在我的代碼（下面的鏈接）中看到的，我有一個從左到右滑動的鏈接動畫。如何使下劃線的寬度與鏈接「文本」的寬度相同，而不使下劃線的寬度固定？ https://jsfiddle.net/erikos93/rkqst9s5/ HTML： <a href="#" class="aboutlinks">Facebook</a> <a href="#" class="aboutlinks">Linke

0熱度

2回答

滑動svg填充懸停

我有一個svg我想填充懸停的背景，並使其滑落，我做了懸停效果，但我不能使填充滑動下來懸停我怎麼能做到這一點？這裏是我的代碼： svg:hover{ fill: #080; } 我想要做的是這樣的動畫： #grad:hover { background: red; /* For browsers that do not support gradients */ b

0熱度

2回答

如何使用CSS製作圖像疊加層，以便我可以使用鉛筆圖標來編輯信息，例如Facebook？

我正在寫一個簡單的網絡應用程序，其中有人的照片，並在其下方顯示有關他們的一些信息。我想在鼠標懸停的圖像上方出現鉛筆圖標，以便用戶可以點擊鉛筆進入編輯模式。我拼湊起來的大部分我想要的東西： <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>pencil-tooltip</title

0熱度

1回答

如何在不將任何CSS代碼放入svg文件內的情況下更改對象內部的SVG填充顏色

如何在不將任何CSS代碼放入svg文件內的情況下更改懸停在對象標籤內的SVG填充顏色？這裏是我的代碼： <div class="icon-holder"> <object data="http://useaible.com/wp-content/themes/storefront/assets/images/icons/bulb-round.svg"></object> </div>

1熱度

2回答

居中僅限懸停圖像

我使用CSS在我懸停在列表項目的鏈接上時顯示圖像。我有兩個問題我如何才能確保懸停圖像在頁面上居中的時候都顯示我怎樣可以隱藏在頁面中間的「COL-2" 分區只有當列表項目鏈接上空盤旋如果這樣通過JS香草DOM腳本我願意給它一個簡單的方法，但沒有jQuery的感謝 CSS - ！ /* absorbing paddings within the div's width, instead of

1熱度

1回答

圖像移動鼠標位置 - 盒問題？

本來我採取了一些信息，從這裏擴大了它：onextrapixel.com/examples/interactive-background/index4.html 我已經合併，而不是用在頁面上鼠標位置移動的影像，但似乎有成爲一個問題，有一個頂部的「盒子」，切斷了一些徘徊的圖像。你可以看到它在行動樣本頁面上here 我的CSS： .top-image { background:url('htt

1熱度

2回答

jQuery添加活動類並刪除菜單上的懸停效果

是jQuery的新增功能。我有鼠標懸停邊框底部和活動類也有相同的邊界底部。但是，當我的菜單項處於活動狀態時，我不希望鼠標懸停。我該怎麼做，因爲目前我的菜單項處於活動狀態時，我有兩個邊框。請在下面的代碼片段找到我迄今爲止所做的工作。 $(".main-nav li a").click(function() { $(this).parent().addClass('active').s

0熱度

1回答

擺脫雙重懸停在陰謀

我有一個圖表顯示兩種數據和他們的預測進一步幾個月。我使用hovermode = "x"在同一時間懸停兩行。而一切正常，但......在部分，其中amount等於forecast懸停加倍。這很合乎邏輯，但我想擺脫這個價值觀之一。你知道如何處理它嗎？我的數據： dane <- structure(list(month = c(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12

0熱度

1回答

如何在特定的Yii2 GridView列中截斷文本並在懸停時顯示它？

我使用的GridView控件呈現一個表： <?= GridView::widget([ 'dataProvider' => $dataProvider, 'filterModel' => $searchModel, 'columns' => [ 'subject', // ... ], ]) ?> 我需要截斷，在「主題」欄顯示的

0熱度

2回答

元素的懸停之前，把（translateZ）

我想一個新的懸停效果添加到我的菜單中，我嘲諷它在HTML/CSS的位置： https://codepen.io/anon/pen/dWOBNG HTML <ul> <li class="cube" > <a href="#"> <span class="flippety"> flip </span> <span class="flop">