Flashcards
CSS
Cards in this deck (25)
- 1reference to the external style sheet
- 2CSS ruleSelector Declaration (Property Value pairs)
- 3Background Imagebackground-image: url("paper.gif");
shorthand:
• background-color
• background-image
• background-repeat
• background-attachment
• background-position - 4Animation@keyframes aniname {
from / 10% {background-color: red;}
to {background-color: yellow}
} - 5animation-fll-modenone, forward, backwards, both
- 6animation-timing-functionease, linear, ease-in, ease-in-out, cubic-bezier (n, n, n, n)
- 7Img filterblur, brightness, contrast, hue-rotate, grayscale, invert, opacity, saturate, sepia, drop-shadow
- 8box-reflectimg {
-webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
} - 9mask-imagepartial support
mask-image: linear-gradient(black, transparent);
/ url(w3logo.png); - 10SVG Mask
- 11Media query@media not|only mediatype and (media feature) and (media feature)
- 12@font-face@font-face {
font-family: sansation;
src: url('sansation_light.woff');
} - 13@property@property --myProperty {
synax: "";
inherits: true;
initial-value: lightgray;
} - 14counterbody {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section) ": "; - 15writing-modewriting-mode: horizontal-tb
writing-mode: vertical-rl - 16text-overflowellipsis
- 17word-wrapbreak-word
normal - 18word-breakbreak-all
keep-all
brak-word - 19font-stretchnormal
condensed
ultra-condensed
semi-condensed
... - 20matrixmatrix(scaleX(), skewY(), skexX(), scaleY(), translateX(), translateY()
- 21transition-timing-functionease (default)
linear
ease-in
ease-in-out
cubic-bezier(n, n, n, n)
... - 22Media Query@media only screen and (orientation: landscape)
min-device-width: 400px - 23background-imagebackground-image: url(lskjdfl.jpg);
- 24picture
- 25animation-directionnormal
reverse
alternate
alternate-reverse
Information
- Description
- Flashcards on CSS, created by Lina Voney on 29/10/2024.
- Created by
- Lina Voney
- Views
- 0
- Rating