本网站正在建设中(~ ̄▽ ̄)~

  • 你好~!欢迎来到中文歌声合成个人收集站-VCPedia.cn!
  • 若发现页面信息有误投稿至本站,请联系管理员。

Template:MMDPreviewer/style.css

VCPedia.cn ——关于中文歌声合成的一切。
跳到导航 跳到搜索
  1. .mmdPreviewerContainer {
  2. cursor: grab;
  3. position: relative;
  4. overflow: hidden;
  5. text-align: center;
  6. }
  7. .mmdPreviewerContainer .hintText {
  8. position: absolute;
  9. top: 0;
  10. left: 0;
  11. right: 0;
  12. bottom: 0;
  13. cursor: pointer;
  14. display: flex;
  15. justify-content: center;
  16. align-items: center;
  17. z-index: 5;
  18. }
  19. .mmdPreviewerContainer .placeholderImageContainer {
  20. width: 100%;
  21. height: 100%;
  22. position: absolute;
  23. transition: 0.5s all;
  24. opacity: 0.5;
  25. }
  26. .mmdPreviewerContainer .placeholderImage {
  27. width: 100%;
  28. height: 100%;
  29. object-fit: contain;
  30. }
  31. @keyframes mmdPreviewer-hide {
  32. 0% {
  33. filter: opacity(1);
  34. }
  35. 100% {
  36. filter: opacity(0);
  37. }
  38. }
  39. .mmdPreviewerContainer .placeholderImageContainer[data-display="false"] {
  40. animation: mmdPreviewer-hide 1s ease-in-out forwards;
  41. }
  42. .mmdPreviewer-infotext {
  43. font-size: small;
  44. color: #666;
  45. padding: 0 3px;
  46. }
  47. .mmdPreviewer-hoverbox {
  48. width: 280px;
  49. background-color: white;
  50. border: 1px solid #ccc;
  51. text-align: left;
  52. font-size: small;
  53. padding: 5px;
  54. }
  55. /* [[Category:在模板名字空间下的CSS页面]] */