Jump to content

ffej

Members
  • Posts

    8
  • Joined

  • Last visited

About ffej

  • Birthday 01/24/1989

Previous Fields

  • Languages
    english

Profile Information

  • Location
    Springfield MO. USA
  • Interests
    currently html and css

ffej's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. ffej

    aniamations and text

    Works great. Thanks for the example and info.
  2. ffej

    aniamations and text

    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)}
  3. ffej

    Box-shadow

    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?*/
  4. ffej

    Css- rgb color

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

    Css- rgb color

    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.
  6. ffej

    Css- rgb color

    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.
×
×
  • Create New...