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;
}

发表回复

登录以发表回复。