Kenichi Kaneko blockworks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://www.youtube.com/shorts/EXl-eT3H_lM | |
| <picture> | |
| <source srcset="img.pc.jpg" media="(min-width:640px)"> | |
| <img src="img/sp.jpg" alt=""> | |
| </picture> | |
| //css不要 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://www.youtube.com/shorts/Y_VVHrFiNgQ | |
| .hero{ | |
| background: | |
| liner-gradient( | |
| to right, | |
| rgba(0,251,255,0.5), | |
| rgba(89,59,243,0.5) | |
| ), | |
| url(image.jpg) no-repeat 50% 50%/cover; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://www.youtube.com/shorts/EA1ukg1SMQc | |
| .fadein{ | |
| /*変化後の指定*/ | |
| opacity: 1; | |
| translate: 0; | |
| transition: | |
| opacity 1s ease, | |
| translate 1s ease; | |
| /*変化前のスタイル*/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .price{ | |
| font-variant-numeric: tabular-nums; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| p{ | |
| column-count: auto; /*列の分割数*/ | |
| column-width: 10rem; /*最小の横幅を指定*/ | |
| columns: 2 10rem; /*一括指定もできる*/ | |
| column-gap: 2rem; /*カラム間の余白調整*/ | |
| column-rule: 2px dotted #000; /*カラム間の罫線を指定*/ | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://www.youtube.com/shorts/DYJlebfjQzg | |
| scale:2; /*周りに影響を与えない*/ | |
| zoom:2; /*周りに影響を与える*/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //https://www.youtube.com/shorts/5pYnR4AK45o | |
| .line-clamp{ | |
| display: -webkit-box; | |
| -webkit-line-clamp: 3; /*行数*/ | |
| -webkit-box-orient: vertical; | |
| overflow: hidden; | |
| } |
blockworks
/ castcraft.html
Created
September 5, 2022 05:12
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <style> | |
| * { | |
| box-sizing: border-box; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background-color: rgba(0, 0, 0, 0); | |
| margin: 0px auto; | |
| overflow: hidden; | |
| } | |
| #app ul{ | |
| margin: 5px 0 0 5px; | |
| display: flex; | |
| font-weight: bold; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| box-sizing: border-box; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .chat-box { | |
| max-width: 80%; | |
| display: table; | |
| position: absolute; |
NewerOlder