JavaScript 图片缩放——圆形边框

标签 javascript css

我正在尝试实现基于 JavaScript 的图像缩放功能,类似于此处提到的功能: http://www.intenseblog.com/design/8-amazing-javascript-image-zoom-scripts.html

但是,与链接中提到的不同,我正在尝试为缩放控件实现圆形边框而不是矩形或正方形。

是否可以实现?

最佳答案

您可以使用 border radius 属性通过将半径设置为宽度的一半来塑造 div(或其他)。

关于JavaScript 图片缩放——圆形边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8530010/

相关文章:

javascript - 使用 javascript 向页面动态添加元素时 CSS 不起作用

javascript - Microsoft Edge 上水平鼠标滚动 deltaX 反转,如何检测?

jquery - Jquery 问题查找和替换内容

html - 将 svg 调整为页面宽度

javascript - 在 iframe 中制作全屏元素

javascript - 使用 AngularJS 1.2 和 angular-animate 在 CSS Transition 上完成事件

javascript - 如何在 create()、update() 上从 angularjs-rails-resource 获得确认或回调

javascript - jquery click() 事件不适用于 append 的 html 标签

javascript - 将数组拆分为 block

html - :hover using inline style?怎么写