實現井字格，兩個div怎樣同步效果，求指導
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.one{
width: 300px;
height: 300px;
position: absolute;
top: 100px;
left: 100px;
border-left:solid 1px red;
border-right:solid 1px red;
transform: scale(1,1);
}
.two{
width: 350px;
height: 250px;
position: absolute;
top: 120px;
left:80px;
border-top :solid 1px red;
border-bottom:solid 1px red;
transform: scale(1,1);
}
.one:hover,.two:hover{
transform: scale(0,0);transition:all 0.4s ease-in 0s;transform-origin: center center;
}
</style>
</head>
<body>
<div class="one"></div>
<div class="two"></div>
</body>
</html>
2016-07-02
在兩個div外再包一層div
<div class='wrap'>
<div class="one"></div>
<div class="two"></div>
</div>
然后在父級元素使用hovor。
transition要用在變形的元素上，不是用在hover的時候，transition是一個狀態，當某元素變形時進行的屬性
比如.one類選擇器的元素變形就用在這個選擇器的css樣式里
.one{transition：all 1s ease；}這是設置狀態，當這個元素變形時促發，不變形不促發。
如果要同時促發變形要包裹一層div 其中css樣式可以這樣寫
.wrap：hover div{?scale(0,0)}
這些問題很明顯你基礎不熟，建議在本站搜索10天精通css3課程
2016-07-02
謝謝幫助，會好好學習的，很感謝！