twine_tutorials | Entries tagged with type: image

giangtranguyen

Just copy and paste the code into Story Stylesheets, and then adjust it to your liking.

For example:

tw-story[tags~="yachi"] {

background: #ffffff; url("yachi.jpg");

}

giangtranguyen

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

[[<img src="Kiyoko.png">->Next Passage]]

giangtranguyen

Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

img {

-webkit-filter: drop-shadow(8px 8px 10px red);
filter: drop-shadow(8px 8px 10px red);

}

giangtranguyen

Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

img {

-webkit-filter: blur(5px);

filter: blur(5px);

}

img:hover {

-webkit-filter: blur(0px);

filter: blur(0px);

}

giangtranguyen

Just copy and paste the code into your Story Stylesheets, then adjust it to your liking.

For example:

img {
border-radius: 50%;
}

giangtranguyen

Just copy and paste the code into your Story Stylesheets, and adjust it to your liking.

For example:

img {

-webkit-transition: -webkit-transform .9s ease-in-out;

transition: transform .9s ease-in-out;

}

img:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);

}

giangtranguyen

Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

img {
}

img:hover {

transform: rotate(90deg/180deg/360deg);
-webkit-transform: rotate(90deg/180deg/360deg);
-moz-transform: rotate(90deg/180deg/360deg);

-ms-transform: rotate(90deg/180deg/360deg);
-o-transform: rotate(90deg/180deg/360deg);

}

S	M	T	W	T	F	S
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Twine Tutorials

Entries tagged with type: image

How To Change Backgrounds In Passages

How To Make Your Image A Link

How To Make Your Image Have A Shadow

How To Make Your Image No Longer Blurry When Hover

How To Make Your Image Circular

How To Make Your Image Spin

How To Make Your Image Flip

Profile

April 2018

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags