html基础
web菜鸟新生
这个作者很懒,什么都没留下…
展开
-
[HTML/CSS]动画效果以及自定义动画效果
一,实现div或者文字的当鼠标浮于其上时的动画效果:1,transition加在div中,实现动画效果的过渡效果,transition: all 3s;其中all表示所有样式都参与过渡,3s表示实现效果的时间;linear为使动画匀速进行;2,transform放在hover中实现动画效果,translate表示位置的移动;scale表示缩放,其中的值为原大小的几倍;rotate表示旋转,其中旋转的度数单位为deg。<html> <head> <meta c原创 2022-05-28 23:28:29 · 1897 阅读 · 0 评论 -
html个性化右键菜单
学习了对页面内的右键菜单进行个性化,效果如下图所示:关于本效果的实现有以下几个要点:1,返回一个错误的指使,禁止原有菜单弹出;2,通过decument.getelementbyid()把隐藏的自己编写的菜单找到并显示(设置display为block);3,使菜单跟随鼠标位置,e.clientX(Y)表示鼠标的X(Y)轴坐标,用来设置左(顶)侧距离;4,设置左键点击使菜单消失以下为具体实现代码:<style> body{ background-col原创 2022-05-24 17:22:03 · 1902 阅读 · 1 评论