html+css如何设计图片在页面上自由浮动，遇边缘反弹

如何只使用HTML+CSS实现图片在页面上自由浮动，碰到页面边界后反弹，遇鼠标悬浮时停止浮动，点击“关闭”后隐藏

报告相同问题？

提交关注问题

html+css如何设计图片在页面上自由浮动，遇边缘反弹 css html 前端
2022-05-15 00:17

回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />
HTML+CSS浮动实现图片上有描述文字 css html 前端
2022-02-25 09:00

回答 3 已采纳这个不需要用浮动，绝对定位就可以。 <style> #contain { display: inline-block; position: rel
HTML+ CSS前端网页制作 html5 前端华为
2022-06-17 09:15

回答 2 已采纳 div +flex 布局。还是建议自己做遇到问题再问直接给你对你不好，你也掌握不了。你可以参考这个，里面细致的布局你自己来。http://www.ruanyifeng.com/blog
tailwind css
2021-11-05 15:59

atwillll的博客 hover:鼠标悬停 focus:焦点 active: group-hover:悬停在父元素上时对子元素设置样式。父元素添加group，子元素添加group-hover group-focus:与group-hover一样 focus-within:尽在一个字元素获得焦点时才应用功能类 ...
js实战：实现移动端 Touch 滑动反弹！
2019-03-25 17:00

前端柏言的博客移动端 Touch 滑动反弹什么是Touch滑动？就是类似于PC端的滚动事件，但是在移动端是没有滚动事件的，所以就要用到Touch事件结合js去实现，效果如下：效果图准备工作什么是移动端的Touch事件？在移动端Touch事...
没有解决我的问题, 去提问