NkR🌈超社會大學級的洞察力
@yumisky0226
Thu, Apr 13, 2023 4:22 PM
2
強迫症拜託放過我
NkR🌈超社會大學級的洞察力
@yumisky0226
Thu, Apr 13, 2023 4:24 PM
在做一個プロセカ的小工具
很想刻出類似遊戲裡面的UI但試了好多方法不知道哪裡有問題
其實也不是不能用原本的樣式，但就是想改得更好看
NkR🌈超社會大學級的洞察力
@yumisky0226
Thu, Apr 13, 2023 4:26 PM
好處大概就是
這是我人生中第一次覺得寫程式很好玩，到處查各種東西還沒弄完時間一下子就過了
NkR🌈超社會大學級的洞察力
@yumisky0226
Thu, Apr 13, 2023 4:32 PM
Thu, Apr 13, 2023 4:32 PM
下面memo一下：

改變 HTML5 range 樣式的兩種方法
Playing With The HTML5 range Slider Input
How to Style Input Type Range in Chrome, Firefox, an...
修改 input type=''range'' 之 CSS 樣式. ◆ 使用 webkit 排版引擎之 ...
裝扮你的 Range Input
NkR🌈超社會大學級的洞察力
@yumisky0226
Thu, Apr 13, 2023 4:33 PM
為什麼試了五篇還是達不到我想要的效果
哭啊
NkR🌈超社會大學級的洞察力
@yumisky0226
Thu, Apr 13, 2023 4:35 PM
感覺主要是這兩個東西有問題

1. 方形thumb
2. box shadow
NkR🌈超社會大學級的洞察力
@yumisky0226
Thu, Apr 13, 2023 4:36 PM
Thu, Apr 13, 2023 5:10 PM
明天再繼續刻看看好了
我要先放過自己

&看看VS怎麼讀.py檔
姆姆@盤子
@Ado_wao
Thu, Apr 13, 2023 5:17 PM
你可以參考別人做的
66 Striking Examples of CSS Range Slider Designs (FR...
反正大家都是參考(小聲
姆姆@盤子
@Ado_wao
Thu, Apr 13, 2023 5:20 PM
然後也可以參考看看doc
<input type="range"> - HTML: HyperText Markup Langua...
雖然字多但通常講得最仔細
姆姆@盤子
@Ado_wao
Thu, Apr 13, 2023 5:54 PM
不然你也可以畫然後私給我看你想要什麼要的效果，也許我能給一些建議或方向w
小龜
@geniusrobot6174
Fri, Apr 14, 2023 2:51 AM
十二點半對你來說應該算刻到很晚了

>>> 人生中第一次覺得寫程式很好玩
之前好像有學生說，有兩堂課影響了他的人生，其中一堂就是我的
NkR🌈超社會大學級的洞察力
@yumisky0226
Fri, Apr 14, 2023 5:28 PM
姆姆@盤子 : 感謝提供參考資料
我有查到doc，然後就因為字多放棄理解他了（母湯
再撿回來研究一下！明天我再試試看，不行再問你 （其實就是想做成遊戲裡調體力的那個拉桿
NkR🌈超社會大學級的洞察力
@yumisky0226
Fri, Apr 14, 2023 5:32 PM
小龜 : 我後來其實3點才睡 洗完澡回來繼續try and error
我覺得你是真的很會教，本身也很有料，超適合當教授的
很多大學教授都自己很有料但沒辦法讓學生也跟他一樣有料，甚至是上課真的超混
好的老師真的會讓學生記一輩子
姆姆@盤子
@Ado_wao
Fri, Apr 14, 2023 5:45 PM
欸那你第一篇的連結應該就可以你的目標

他在寫::-webkit-slider-thumb那邊的時候你把它的大小改成長方形，然後border-radius從50%改成差不多10px，顏色在改一下應該就可以了
姆姆@盤子
@Ado_wao
Fri, Apr 14, 2023 5:52 PM
然後你的box-shadow是指那個拉鈕的邊邊嗎？那個我覺得不用用box-shadow，你用黑色border應該就可以了，下面的地方設的比其他三邊粗一點點應該會達成遊戲的效果

但我都沒自己試過所以沒辦法保證：P 看看這能不能解決你的問題
小龜
@geniusrobot6174
Sat, Apr 15, 2023 1:28 AM
NkR🌈超社會大學級的洞察力 : 感謝，這對我來說是很好的讚美XDDD
載入新的回覆