checkImg.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .clearfix:before, .clearfix:after {
  2. content: '';
  3. width: 100%;
  4. height: 0;
  5. display: table;
  6. clear: both;
  7. }
  8. .checkImgBox {
  9. border: 1px solid #e5e5e5;
  10. padding: 5px;
  11. }
  12. .checkImgBox .imgbox {
  13. width: 100px;
  14. height: 100px;
  15. margin: 5px;
  16. float: left;
  17. position: relative;
  18. }
  19. .checkImgBox .imgbox img {
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .checkImgBox .imgbox .ifcheck {
  24. display: block;
  25. position: absolute;
  26. top: 5px;
  27. right: 5px;
  28. width: 32px;
  29. height: 32px;
  30. /*background: rgba(0,0,0,0.5);*/
  31. border-radius: 3px;
  32. }
  33. .checkImgBox .imgbox.true .ifcheck:before {
  34. content: '';
  35. display: block;
  36. width: 10px;
  37. height: 16px;
  38. /*border-bottom: 2px solid #fff;
  39. border-right: 2px solid #fff;*/
  40. border-bottom: 5px solid #27c24c;
  41. border-right: 5px solid #27c24c;
  42. transform: rotate(45deg);
  43. -webkit-transform: rotate(45deg);
  44. margin-left: 15px;
  45. margin-top: 1px;
  46. border-radius: 5px;
  47. }