Home Explore 引导页 在线工具 Blog
Register Sign In
Pchen0
/
electron
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: cfd64b5f89
Branches Tags
electron
/
spec
/
fixtures
/
api
/
corner-smoothing
/
system-ui-keyword
/
test.html

test.html 886 B
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.   <head>
    4. 

  4.     <style>
    5. 

  5.       /* Page is expected to be exactly 800x600 */
    6. 

  6.       html, body {
    7. 

  7.         width: 800px;
    8. 

  8.         height: 600px;
    9. 

  9.         margin: 0;
    10. 

  10.         overflow: hidden;
    11. 

  11. 

  12.         display: flex;
    13. 

  13.         flex-flow: row nowrap;
    14. 

  14.         justify-content: space-around;
    15. 

  15.         align-items: center;
    16. 

  16.       }
    17. 

  17. 

  18.       .box {
    19. 

  19.         width: 256px;
    20. 

  20.         height: 256px;
    21. 

  21.         border-radius: 48px;
    22. 

  22. 

  23.         background-color: cornflowerblue;
    24. 

  24.       }
    25. 

  25. 

  26.       .box.rounding-0 {
    27. 

  27.         -electron-corner-smoothing: 0%;
    28. 

  28.       }
    29. 

  29.       .box.rounding-system-ui {
    30. 

  30.         -electron-corner-smoothing: system-ui;
    31. 

  31.       }
    32. 

  32.       .box.rounding-100 {
    33. 

  33.         -electron-corner-smoothing: 100%;
    34. 

  34.       }
    35. 

  35.     </style>
    36. 

  36.   </head>
    37. 

  37.   <body>
    38. 

  38.     <div class="box rounding-0"></div>
    39. 

  39.     <div class="box rounding-system-ui"></div>
    40. 

  40.     <div class="box rounding-100"></div>
    41. 

  41.   </body>
    42. 

  42. </html>
    43.