1234567891011121314151617181920212223242526272829303132333435 |
- img[data-type="dropimage"]{
- transition: all 0.2s ease-in-out;
- }
- .data-type-dropimage:hover img[data-type="dropimage"]{
- filter: brightness(30%);
- }
- .data-type-dropimage .dropimage-edit{
- position: absolute;
- left:calc(50% - 20px);
- top:calc(50% - 20px);
- background-color: #222222;
- padding-top: 4px;
- text-align: center;
- border-radius: 100%;
- width:40px;
- height:40px;
- font-size: 20px;
- display: none;
- cursor: pointer;
- }
- .data-type-dropimage:hover .dropimage-edit{
- display: block;
- }
- .data-type-dropimage{
- position: relative;
- display: inline-block;
- vertical-align: top;
- }
|