Skip to content

P
projet-cdaw
Commit faa75d65 authored by quentin.vrel's avatar quentin.vrel
Browse files
Options

overlaping front and back of a tile

parent 0524a92b
Hide whitespace changes
Inline Side-by-side
Showing with 12 additions and 4 deletions
frontend/src/components/Tile.vue
View file @ faa75d65
<template> <template>
<div class="hello"> <div>
<h1>{{ id }}</h1>
<button class="tile-symbol"> <button class="tile-symbol">
<img :src="this.background" :width="this.width" :height="this.height"/> <img class="tile-background" :src="this.background" :width="this.width" :height="this.height"/>
<img :src="this.svg" :width="this.width" :height="this.height"/> <img class="tile-front" :src="this.svg" :width="this.width" :height="this.height"/>
</button> </button>
</div> </div>
</template> </template>
...@@ -39,4 +38,13 @@ export default { ...@@ -39,4 +38,13 @@ export default {
background: transparent; background: transparent;
border: none; border: none;
} }
.tile-background{
position: relative;
top: 0;
left: 0;
}
.tile-front{
position: relative;
transform: translateX(-100%);
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment