I can follow the CSS_3. I'm not even close to an HTML pro or CSS person. But I can write simple CSS. For example. Here are some lines of HTML with CSS. This results in three lines of text
"This is, normal"
"This is, italic"
"This is, oblique"
- Code: Select all
<html>
<head>
<style>
p.normal {
font-style: normal;
}
p.italic {
font-style: italic;
}
p.oblique {
font-style: oblique;
}
</style>
</head>
<body>
<p class="normal">This is, normal.</p>
<p class="italic">This is, italic.</p>
<p class="oblique">This is, oblique.</p>
</body>
</html>
But how do I take something like this and mark it up so Widget can use it? This is where I am dropping the ball. Here is a snippet of CSS from widget designer This does a hover and scale:
- Code: Select all
<<Meta|Description=Resize the element on Hover. Requires TransitionSettings style to be added and activated.|Elements=Widget>>
.RunMode .<<Selector>>:hover{
transform: scale(<<Factor=1.1>>);
With standard CSS, you start with a header.... With Widget, there is some stuff I'm not familiar with that lead the CSS scripting.
Can anyone shed some light on this?
Thanks so much!!