Ich möchte auf eine Schaltfläche klicken und das Hintergrundbild vergrößern und dann verschwinden lassen;Wie kann ich ein Bild vergrößern und mit ng-click verschwinden lassen?
Im Moment habe ich das Bild verschwinden, wenn die Schaltfläche geklickt wird, aber ich kann nicht das Hintergrundbild verschwinden nach das Zoomen ist aufgetreten.
Sie können es mit hover
und visibility
Hier den Code:
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>Ich möchte auf eine Schaltfläche klicken, die über dem Bild ist, und dann in das Bild hineinzoomen und es verschwinden lassen –
Bitte posten, was Sie bisher versucht. Es gibt entweder zu viele mögliche Antworten oder gute Antworten wären zu lang für dieses Format. Bitte fügen Sie Details hinzu, um die Antwortmenge einzuschränken oder ein Problem zu isolieren, das in einigen Absätzen beantwortet werden kann. –