ng-clickを使って画像をズームインして消える方法は？

-3

ボタンをクリックして背景画像を拡大してから消したいと思っています。ng-clickを使って画像をズームインして消える方法は？

ボタンをクリックすると画像が消えますが、の後に背景画像が消えることはありませんズームが発生しました。

出典

2016-04-25 Ray Kim

あなたがこれまでに試したものを投稿してください。可能な答えが多すぎるか、この形式には長すぎると良い回答があります。回答セットを絞り込むか、いくつかの段落で回答できる問題を特定するための詳細を追加してください。 –

あなたはここにコードhover

とvisibility

でそれを行うことができます。

img { 
 
    width: 300px; 
 
    height: 300px; 
 
    -webkit-transition: all 6s; 
 
    -o-transition: all 6s; 
 
    transition: all 6s; 
 
} 
 
img:hover { 
 
    width: 600px; 
 
    height: 600px; 
 
    visibility: hidden; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>Test</title> 
 
</head> 
 
<body> 
 
<img src="http://vignette2.wikia.nocookie.net/seccov/images/2/23/Firefox-512-300x300.png/revision/latest?cb=20110314020706" alt="firefox" class="img"> 
 
</body> 
 
</html>

出典

2016-04-25 09:51:36 Blazed

私はボタンをクリックして、それが画像の上にあることを望み、その画像をズームして消えたい –

ng-clickを使って画像をズームインして消える方法は？

答えて

関連する問題