ffej

Works great. Thanks for the example and info.

borrowed this snippet for practice..However, I'm trying to add text to the trigger, under the box that can be seen when the box moves. When I use a text element, example <p> hi </p> ..on the .trigger the .box is moved under the text instead of over it.

Not sure how to go about this. Any help is appreciated!

<div class ="trigger">
<div class="box">
</div>
</div>

body {padding:20px}

.box {background:pink ;width:100px ;height:100px ;
transition:transform 2s ease-in-out 0s ;pointer-events:none}

.trigger {border:20px solid #999 ; background: #ddd ;
width:100px ;height:100px}

.trigger:hover .box
{transform:translate(150px, 100px)rotate(20deg)}

Thanks

Using eternal css. I have an all grey background-color and wanted to add a shadow around a heading for effect. Now the box around the h1 stands out. Is there a way to keep the shadow and hide the box?

Ex.

H1 {border-style:hidden}/*the box still shows?*/

Thank you!I thought Everything I looked at showed periods. My mistake. This did the trick!

I have an external css stylesheet and am wanting to add a background-color with rgb color. I can only get a background-color when I use the color name. I don't get it.

Body {background-color: rgb (100. 100. 90) ; }

Doesn't work. I just learning but

...driving me crazy.

I have an external css stylesheet and am wanting to add a background-color with rgb color. I can only get a background-color when I use the color name. I don't get it.

Body {background-color: rgb (100. 100. 90) ; }

Doesn't work. I just learning but

...driving me crazy.