運用的主要的原理:
position定位(包括水平居中),用定位實質上想讓子元素的中心點和父元素的中心點重合,還要控制住子元素的width的變化,還有就是:hover效果。
html部分:
css部分:
.container
.container li
span
.container li:hover span
我又想了一招,用jquery中的hover方法來控制盒子的寬變化從0%到100%.
$(".container>li").hover(
function () , 400 );
// console.log("進入父元素");
},function () , 400 );
// console.log("出去");
});
怎麼讓div邊框立體 9個很棒的CSS邊框技巧
如果您是前端開發人員,那麼幾乎每天都會使用css邊框。我發現了一些可以在您的專案中使用的有用的技巧。開始吧!當我們想使我們的專案更可見時,該怎麼辦?來給它做個動畫!我們可以對我們的邊框進行動畫化處理,甚至在不改變元素大小的情況下也可以進行動畫化處理,非常簡單。要做到這一點,我們只需要為動畫建立乙個自...
訪問容器中部署的 Prometheus
最近在公司的類生產環境的容器集群中部署了prometheus grafana。為了登入到容器內部去看看prometheus的配置檔案是怎麼寫的,採用了如下最常用的方法 kubectl get po n nwnwnwnw grep prometheus上面命令中的 nwnwnwnw 是部署promet...
docker在獨立的容器中部署wordpress
yum install docker系統會自動安裝docker ce vi etc docker daemon.json 若檔案不存在則建立daemon.json 新增或修改以下字段 docker search mysql 從映象倉庫搜尋mysql映象 docker pull mysql 5.7.4...