# ablocks/2.11.0/assets/build/blocks/image/style.css

aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder, version 2.11.0. 3 lines.

- Page: https://pluginprobe.com/plugins/ablocks/2.11.0/code/assets/build/blocks/image/style.css
- Raw: https://pluginprobe.com/plugins/ablocks/2.11.0/raw/assets/build/blocks/image/style.css
- Modified: 2025-09-24T16:13:26+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ablocks/2.11.0/code/assets/build/blocks/image/style.css#L10-L20`.

```css
.ablocks-image-figure{display:flex;flex-direction:column;height:auto;margin:0;max-width:100%;position:relative;width:fit-content;width:-moz-fit-content}.ablocks-image-figure img{display:block;height:100%;max-width:100%}.ablocks-image-figure .components-resizable-box__container{max-width:100%!important}.ablocks-alt-text-control{display:flex;flex-direction:column;width:100%}.ablocks-alt-text-control__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ablocks-alt-text-control__clear{cursor:pointer}.ablocks-alt-text-control
	.components-base-control
	.components-base-control__field,.ablocks-alt-text-control .components-base-control{width:100%}.ablocks-image--effect{transition:all .3s ease}.ablocks-image--effect-zoomin{transform:scale(1)}.ablocks-image--effect-zoomin:hover{transform:scale(1.1)}.ablocks-image--effect-grayscale:hover{filter:grayscale(100%)}.ablocks-image--effect-blur:hover{filter:blur(3px)}.ablocks-image--effect-slide{transform:translate3d(-20px,0,0)}.ablocks-image--effect-slide:hover{transform:translateZ(0)}.ablocks-image-caption{margin-top:.5em}
```