RakVhalate/Angular_App
Archived
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 1 Releases Wiki Activity

soft erotics
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Simple_Not 2022-10-20 13:48:50 +10:00
parent c7d4cc435f
commit 9e11f6bdbf
2 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/boards/boards.component.html
View File

@ -8,3 +8,10 @@
</div>
</div>
<br>
<div class="hexagon">
<div class="hexagon-inside">
<div class="hexagon-image">
</div>
</div>
</div>

38
src/styles.css
View File

@ -1 +1,39 @@
/* You can add global styles to this file, and also import other style files */
.hexagon {
width: 400px;
height: 200px;
background: red;
transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
overflow: hidden;
visibility: hidden;
}
.hexagon-inside {
width: 100%;
height: 100%;
background: green;
transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
overflow: hidden;
}
.hexagon-image {
width: 100%;
height: 100%;
background-image: url("http://static.vdk2ch.ru:15555/test-public/2.jpg");
background-position: center;
background-size: 60%;
transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
visibility: visible;
}