More actions
mNo edit summary |
|||
| Line 57: | Line 57: | ||
== Prototype area == | == Prototype area == | ||
If you expand the smaller image, it becomes blurry. However, if you reduce the larger image in size (to the size of the unexpanded image) and then expand it on hover-over, there is no loss in resolution! :) | |||
<div class="enlarge"> | |||
<div class="center"> | |||
[[File:Tutorial-agency.png]] | |||
</div> | |||
</div> | |||
<div class="enlarge"> | <div class="enlarge"> | ||
<div class="center"> | |||
<div class="ensmaller"> | |||
[[File:Tutorial-agency-expended.png]] | |||
</div> | |||
</div> | |||
</div> | |||
<div class="center"> | |||
[[File:Tutorial-agency-expended.png]] | [[File:Tutorial-agency-expended.png]] | ||
</div> | </div> | ||
{{#css: | {{#css: | ||
.ensmaller { | |||
transform: scale(0.97); | |||
} | |||
.enlarge img:hover { | .enlarge img:hover { | ||
transition: . | transition: .175s; | ||
transform: scale(1.03); | transform: scale(1.03); | ||
} | } | ||
}} | }} | ||