hover_autocopy

A small icon will prompt up after you selected some text, move the cursor over the icon will copy the selected text to clipboard

< 腳本hover_autocopy的回應

評論:正評 - 腳本一切正常

§
發表於:2016-08-26

Good idea!

Seems work perfecly!
Just an observation :
It's possible to add an hover state on the Icon that's confirm the copy ?
The icon go away too quickly, so it's possible to forget we have hover it and copy something...
I know, that's no very clear...
;-)

§
發表於:2020-04-19
編輯:2020-04-19

Maybe something like that (with CSS only):

/* ==== 0-GM - Hover_Autocopy tweak v.1 === */
#copytext_icon[style^="display: block;"] ,
#copytext_icon[style^="display: none;"]  {
display: inline-block !important;
background-position: center center !important;  
background-size: 30% 30% !important;  
border-radius: 100% !important; 
opacity: 0.05 !important; 
border: 1px solid red !important;
background-color: gold !important;
transition: all ease 0.7s !important;
}

#copytext_icon[style^="display: block;"]:hover  ,
#copytext_icon[style^="display: none;"]:hover  {
background-position: center center !important;
background-size: 60% 60% !important;
border-radius: 100% !important;
opacity: 1 !important;
border: 1px solid red !important;
background-color: red !important;
transition: all ease 0.5s !important;
}

發表回覆

登入以回復