css3

0熱度

1回答

我有一個PNG圖像設置爲背景... 其在響應視圖完全顯示... 每當我懸停在該圖片只是特定部分應該有陰影效果的一部分。是否可以這樣做？我該怎麼做？

2熱度

2回答

我剛開始學習flex，至今我印象深刻。但是，我有一個包含頁眉/頁腳和三列的整頁應用程序的問題。第一列包含項目列表，並且由於我無法將其固定高度添加到其父項，所以每次列表增長時，都會將頁腳向下推。 http://codepen.io/anon/pen/vNVQNj HTML：：這裏有一個與佈局codepen <html> <head> <body> <div class="a

1熱度

1回答

使用CSS3動畫以不同的方向移動一定的50％

我有一個簡單的CSS動畫，在動畫從左上角到右下角的橫幅畫布移動圖像（300x250），但通過我需要50％開始向左下方移動，然後100％完成，並將其移回右下方，但是對於css動畫而言，並不確定如何執行此操作。有誰知道這是否可能？做了一些圖在這裏：而且例如： .train-container { \t position: relative; } .train { \t

1熱度

2回答

嘗試使用表格獲得水平滾動

我正在嘗試使用表格創建水平圖像滑動條。我想要顯示5張圖像，無論頁面寬度（它的大小是否正確），但是，滾動不起作用。我懷疑我在表中使用了錯誤的css。如果有更好的解決方法，我不需要使用表格。這裏是小提琴：https://jsfiddle.net/vsadm9qz/ HTML <div class="galleryWrap"> <table border="0"> <tbod

2熱度

2回答

如何使用gradiant的元素之間填充縫隙

我有如下設計：要做到這一點，我用下面的代碼： html,body{ height:100% !important ;padding:0 !important;margin:0 !important} body{ overflow-y:hidden; overflow-x:hidden; } #main{

2熱度

1回答

當媒體查詢覆蓋其他媒體查詢

我爲着陸頁中的特定元素創建了一系列查詢。所以對我的HTML我有這樣的： <div class="hsContent"> <article> here is my awesome content. boom! </article> </div> ，這將是對上述DIV初始風格： .hsContent { max-width: 600px; position: ab

1熱度

3回答

用CSS/jQuery隨着時間的推移填充圓的背景色

我有一個在setInterval上運行的JS腳本，腳本進度存儲在progressPercentage變量中。我使用這個百分比值來修改具有bgcolor的子div的寬度。所以隨着它變寬，它開始填充更多的父div。這是非常簡單的使用方形，但我很難填充成圓形(border-radius: 100%)。現在，我使用2個的div，我知道有這樣做的更好的辦法，但現在這是什麼樣子： <div id="loa

1熱度

1回答

表體CSS轉換

我想爲表體轉換時，我將鼠標懸停在它上面，使它消失，表中唯一剩下的就是表頭。我是轉型新手，所以也許我做錯了。我期望的是桌子的身體慢慢地上升到0px，但事實並非如此。另外我只需要使用CSS。你可以幫我嗎？謝謝。 <!DOCTYPE html> <html> <head> <style> thead { color: red;

0熱度

3回答

徑向漸變無法按預期方式工作

我想在僅使用CSS的另一個圓的中間創建一個完美的圓。對於我使用radial-gradient以下是我的代碼 li{ list-style : none; } li:after{ border-radius: 50%; height: 150px; width: 150px; line-height: 24px; position: a

7熱度

3回答

加入谷歌材料設計圖標CSS僞：我只想做一些Google的材料設計<a href="https://www.google.com/design/icons/" rel="noreferrer">icons</a>添加到鏈接的內容上懸停內容

後： a:hover::after { content: "<i class="material-icons">link</i>" } ，但它不能正常工作，請參閱我的fiddle。