flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-31 03:10:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

some experimenting...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-12-24 08:03:07 +04:00
parent 75fef56e85
commit f85925db5a
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
ui/experiments/crop-n-notes.html
View File

@ -22,6 +22,8 @@
width: 5px;
height: 5px;
/* XXX attr does not work here... */
/*border: solid 2px attr(color);*/
border: solid 2px red;
border-radius: 50%;
}
@ -73,6 +75,21 @@
}
.bg-crop {
position: absolute;
width: 300px;
height: 300px;
top: 300px;
left: 100px;
border: solid 5px blue;
/* XXX fragments do not yet work... */
/*background: image('image.jpg#xywh=10,30,60,20');*/
background: url('image.jpg#xywh=10,30,60,20');
}
</style>
<script src="../ext-lib/jquery.js"></script>
@ -101,7 +118,10 @@ $(function(){
<body>
<div class="single-resize" title="Crop"></div>
<div class="remark" note="note text..."></div>
<div class="remark" color="red" note="note text..."></div>
<!--div class="bg-crop"></div-->
</body>
</html>